header 명시 이유 굳이 다른 기능이 없다고 생각 되어서 그 이유에 대해서 찾아 봤다. header, nav, aside 모두 시멘틱 태그라고 불리고, 의미론적 이유 때문에 쓰인다고 한다. header 안에 inner가 있어야하는 이유 inner의 height가
padding-top:에 %를 넣으면 부모요소의 가로 사이즈에 영향을 받는다.부모 요소의 가로 너비와 같고 세로 사이즈는 가로 너비의 비율로 표현한다.htmlcssvideo-ratio에 heigth를 지정하지 않고, padding-top을 이용하는 이유는 반응형 때문이
float를 적용하고 그 요소들의 container(부모 요소)에 미리 설정한 clearfix를 적용합니다.이때, clearfix는 content=""; clear:both: display: block;을 가지고 있어야 합니다.img 태그를 왜 div 태그를 둘러싸서
@media 다양한 미디어 유형이나 장치에 따라, 서로 다른 스타일 규칙을 적용 미디어 타입 all : 모든 미디어 타입에 적용 screen : 컴퓨터 화면, 타플렛, 스마트폰 print : 인쇄 적용 미디어 특성 width : 뷰포트 가로 너비 max-width