이제 막 배워나가는 초보대학생입니다.
4장에서 질문인데요
CSS3 스타일시트에 div { width:100; height:100;} 을한다음
<div>
<img src="~~~">
</div>
를하면 div 스타일 이 오버라이딩 되면서 호출된 이미지가 div속성의 width, height가 100, 100으로 맞춰질줄 알았는데 아니네요
왜그런거죠?
이제 막 배워나가는 초보대학생입니다.
4장에서 질문인데요
CSS3 스타일시트에 div { width:100; height:100;} 을한다음
<div>
<img src="~~~">
</div>
를하면 div 스타일 이 오버라이딩 되면서 호출된 이미지가 div속성의 width, height가 100, 100으로 맞춰질줄 알았는데 아니네요
왜그런거죠?
안녕하세요! 반갑습니다.
스타일이 기본적으로 상속되지만, 상속으로 받을 지는 각 HTML 요소들에 달려있고,
HTML 요소마다 표준에 따라 출력되는 특성이 정해져 있지요
img 태그는 이미지의 크기로 자신의 크기를 설정합니다.
그리고 img가 div로부터 상속받은 것을 무시하고 자신의 특성에 맞게 속성을 재조정하는 것을 오버라이딩이라고 합니다.
오버라이딩은 자식의 입장에서 하는 것입니다.