html 태그에 이미 css가 약간 적용되어있어서 초기화하고 시작한다
Emmet 기능으로 자동 완성 사용 가능
EX) html:5 입력 후 탭을 누르면 HTML5 기본 구조가 자동으로 생성됨.
퍼센트랑 뷰포트 (vw, vh) 차이
%
): 부모 요소에 상대적으로 크기를 설정할 때 유용vw
, vh
): 브라우저 크기에 따라 유동적으로 변경되는 반응형 레이아웃에 적합셀렉터 음청많네
content padding border margin
width / height 프로퍼티
box-sizing 프로퍼티는 디폴트로 content-box
border-box로 지정 가능