css6

1블럭 레벨 요소와 인라인 레벨 요소
블럭 레벨 요소: 한 줄을 모두 차지해 너비값 100%를 가지고 있음
인라인 레벨 요소: 필요한 부분만 사용
2박스 모델
실제 콘텐츠 영역 - 패딩(padding) -박스의 테두리(border) - 마진(margin)
3width*height
실제 콘텐츠 너비: 모든 브라우저에서 박스 모델의 전체 너비=width+좌우패딩+좌우테두리
width/height: 고정값, %(브라우저 창에 따라 영향 받음)
4display 속성
display-block: 블럭레벨요소처럼 바꾼다
display-inline: 인라인레벨요소처럼 바꾼다
display-inline-block: 인라인레벨로 배치하면서 내용에는 블록레벨속성을 지정
인라인으로 했을때 배치는 되지만 내가 원하는 마진 값 등이 적용되지 X
display-none: 해당 요소를 화면에 표시하지 X, 공간도 차지하지 X