메뉴 건너뛰기

2018.04.15 20:24

예제 3-1

조회 수 75 댓글 1

예제 3-1 에서 처음에

html body

html, body { margin: 0; padding: 0; height: 100%;}

 이 의미를 잘모르겟음니ㅏ.

빈틈이 0 이고... 어디 높이가 100이고 padding어디가 0인지...

?
  • ?
    관리자 2018.04.16 20:28
    사실 예제 3-1에서 이 부분은 설명을 생략하였지요. 그 설명이 목적은 아니고
    구조화한 영역을 CSS3 를 이용하면 여러 가지 모양으로 출력할 수 있다는 것을 보이는 것이 목적이었습니다.
    4장의 CSS3 전체를 공부해야 그 의미를 잘 이해할 수 있습니다.
    margin, padding, height 등은 4장의 5절 박스 모델에서 설명합니다.
    이 지면 상에서 간단히 설명하기 어려우니,4장 5절을 참고하세요.

    그리고 아래의 CSS3 스타일 시트는 브라우저의 화면을 아래 위로 꽉채워 HTML 문서의 <body> 부분에 의해 출력하겠다는 것을 지정하는 것입니다.
    html, body { margin: 0; padding: 0; height: 100%;}

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18277
323 연습문제 짝수번 정답 기러기 2018.04.20 760
322 실습문제 3장 2번, 4장 8번 질문 다시 올려요. littlelion 2018.04.20 1586
321 예제5-9와 예제 5-14 3 궁금해요! 2018.04.20 127
320 자바스크립트 sort에 대해 궁금해요! 1 file 노하람 2018.04.21 236
319 예제 3-1 1 새싹 2018.04.21 91
318 예제 3-2 2 새싹 2018.04.21 148
317 예제 2-9 1 새싹 2018.04.22 86
316 예제 3-4 1 새싹 2018.04.22 158
315 챕터2 연습문제 8번 김석현 2018.04.22 156
314 오픈 챌린지 6장 1 ㄱㄷㄱㄷ 2018.04.22 514
313 예제3-8 1 새싹 2018.04.22 123
312 예제 3-11 1 새싹 2018.04.23 301
311 구버전 책을 구입해버렸어요.. 3 구닥 2018.05.07 333
310 실습문제 5장 3번 254p 1 RVQ 2018.05.10 332
309 open challenge10 관련 질문드립니다 1 궁금해용 2018.05.16 368
308 8장 OPEN Challlenge 질문 있습니다. 1 컴퓨터공학13 2018.05.18 1150
307 9-8 실습 문제 질문있습니다. 1 웹프박살 2018.05.20 430
306 9장 onblur onfocus 활용 실습문제 2번 웹린이 2018.05.21 568
305 HTML을 열심히 공부중인 학생입니다 3 열심히 하자 2018.05.30 1962
304 인라인 프레임 많이 사용하나요? 1 html 2018.06.02 153
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로