20220510

selector 우선순위

inline styling(13줄에 style 요소로 직접): 1000점
id: 100점
class: 10점
tag: 1점

tag <<<<< class <<<< id <<<<<< inline css

이미지테그

css에 가로만 지정해주었는데 원본의 세로 값으로 남아있는 것이 아니라, 가로의 150px 비율에 맞춰서 세로도 알맞게 줄어들었습니다.

이렇게 가로/세로 중에서 하나의 값만 입력하여도

브라우저에서 알아서 같은 비율로 나머지 크기도 줄여줍니다.

div태그는 자식태그, 즉 div태그 내부에 있는 내용이나 요소의 크기에 의해 세로가 결정됩니다.

div의 가로크기는 화면의 가로 크기만큼입니다.

이렇게 가로 전체를 차지하는 것을 block 요소라고 하며

p, header, h1 등등이 block 요소입니다.**