프론트엔드스쿨 4일차

배운내용

 

블록: 내 부모 요소의 width 만큼 차지

인라인: 자기 컨텐츠 넓이 만큼 차지

 

a[href] {font-size :32px} 이런식으로도 설정가능

a[href *= "paul"]{color : black} -> 해당 글자만 있어도 인식

 

p::after{ content : "cm"} -> 무언가 뒤에 붙일때. 가상요소 선택자

 

-em: 부모 요소의 2배

-rem: 최상위 요소의 크기에 따라 달라짐 (초기: html)

% -> 자기 부모가 가진 넓이의 절반 (보통 body 가 부모라 화면의 절반이라고 착각하기 쉽다)

-vw,vh ->화면에서 보여지는 것의 절반