상속요소에 대해 질문입니다^^
꽃가을
2023.04.01
style type=text/css
body{font-size:62.5%;}
div{font-size:2em; border:1px solid red; padding:1em;}
p{font-size:1.5em;}
/style
/head
body
div
p부모 요소에 적용한 스타일이 자식 요소에 연결되어 적용되는것을 상속이라고 한다 CSS의 속성은 기본적으로 하위 요소로 상속되는 속상과 상속되지 않은 속성이 있다./p
pborder, margin, float, padding, position 등의 속성은 하위 요소에 상속되지 않는다./p
/div
pem단위는 부모 크기를 기준응로 상대적으로 변하는 단위를 말하며, 부모 요소에 영향을 받기 때문에 상속개념이 적용된다.
글자 크기를 em단위로 지정한 경우, 상속으로 인해 예상ㅇ한 것보다 글자 크기가 작게 나오거나 크게 나올 수 있으므로 주의해야한다./p
/body
%,em이 상속 요소로 알고있는데
body{font-size:62.5%;} 적용하면
맨 아래 p태그에도 저 글자 크기가 먹혀야하는데 왜 먹히지 않나요?
지금 적용된 폰트 사이즈는 어디부분을 받고 있는건가요?