메뉴 건너뛰기

2018.03.04 22:01

간단한 질문입니다

조회 수 267 댓글 1

이제 막 배워나가는 초보대학생입니다.

4장에서 질문인데요

CSS3 스타일시트에 div { width:100; height:100;} 을한다음

<div>

    <img src="~~~">

</div>

를하면 div 스타일 이 오버라이딩 되면서 호출된 이미지가 div속성의 width, height가 100, 100으로 맞춰질줄 알았는데 아니네요

왜그런거죠?

?
  • ?
    관리자 2018.03.05 08:39

    안녕하세요! 반갑습니다.

    스타일이 기본적으로 상속되지만, 상속으로 받을 지는 각 HTML 요소들에 달려있고,
    HTML 요소마다 표준에 따라 출력되는 특성이 정해져 있지요
    img 태그는 이미지의 크기로 자신의 크기를 설정합니다.
    그리고 img가 div로부터 상속받은 것을 무시하고 자신의 특성에 맞게 속성을 재조정하는 것을 오버라이딩이라고 합니다.
    오버라이딩은 자식의 입장에서 하는 것입니다.


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18241
283 page 46 마우스 올릴시 이미지 출력 2 file 공부중 2020.09.10 323
282 p.469 6번 질문드립니다. 4 열심히 공부하는 독자 2020.09.08 64
281 open12 질문드립니다. 3 열심히 공부하는 독자 2020.09.08 111
280 value 속성 1 열심히 공부하는 독자 2020.09.04 48
279 오타제보합니다. 1 컴퓨터공학생 2020.08.30 96
278 p.133 질문이요 1 컴퓨터공학생 2020.08.30 74
277 p.133 질문이요 1 컴퓨터공학생 2020.08.30 67
276 p.469 실습 5번문제 4 열심히 공부하는 독자 2020.08.29 92
275 브라우저 크기 변경 1 열심히 공부하는 독자 2020.08.27 59
274 9장 실습9번 문제 2 열심히 공부하는 독자 2020.08.23 106
273 Image객체 질문 4 열심히 공부하는 독자 2020.08.21 79
272 DOM트리 질문 1 열심히 공부하는 독자 2020.08.17 76
271 몽구스 웹서버가 뭔가요? 1 안녕하세요 2020.08.16 101
270 이벤트리스너 질문 2 열심히 공부하는 독자 2020.08.16 63
269 <script>태그의 위치 1 열심히 공부하는 독자 2020.08.15 58
268 open 8 질문 2 열심히 공부하는 독자 2020.08.15 62
267 p.254 3번문제 질문드립니다. 2 열심히 공부하는 독자 2020.08.14 48
266 예제 9-8 질문입니다. 2 모르겠어요 2020.07.31 101
265 예제 6-13 질문이요! 2 궁그미 2020.07.30 144
264 border style 질문 2 궁그미 2020.07.28 41
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 11 ... 21 Next
/ 21
위로