바닐라 css 연습
* {
margin: 0;
padding: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}마진을 0 패딩을 0
display - 요소의 표시 여부를 결정하는데 사용된다.
flexbox는 display : flex 속성을 주면 만들수 있다.
display : flex ⇒ 수평정렬이 됨 & 글의 양만큼 상자의 사이즈도 조정이 된다
justify-content ⇒ 콘텐츠를 정의 하는 것
flex는 그들의 부모에게 “너희 자식들 이렇게 정렬해 “하고 적용할수 있다.
div는 블록요소이다.
Q. 반응형 페이지를 제작하면서 flex를 사용하게 된다
블록요소란?
하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들입니다.
인라인 요소
css 코드 게임
chan