메뉴 건너뛰기

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 18276
303 실습문제 4장 8번 1 2020.09.27 500
302 책을 마치며 7 은성 2017.04.13 492
301 몽구스 관련 질문입니다. 1 류경선 2018.01.20 490
300 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 485
299 실습문제 11장 4번 1 ㅎㅇ 2018.12.02 471
298 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 469
297 11장 실습문제 4번 1 웹프 2020.06.17 456
296 크롬 오디오 자동재생 관련 질문입니다! 1 ^_^ 2018.09.30 449
295 open 10장 1 sigwq 2018.11.27 448
294 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 445
293 8장 오픈첼린지 질문드립니다! 1 hola 2018.10.31 442
292 384page 8장 실습문제5번 질문입니다. 6 1234 2019.08.16 441
291 오픈챌린지 6장 질문 littlelion 2018.06.20 435
290 9-8 실습 문제 질문있습니다. 1 웹프박살 2018.05.20 430
289 4장 실습문제 7번, 9번 1 ehdtn6288 2018.10.01 428
288 연습문제 3장 p.155 5번 문제 1 열심히해보자 2020.10.07 420
287 질문입니다 1 1213 2018.03.06 420
286 안녕하세요 질문드립니다! 2 Hola 2018.10.17 418
285 465page 오픈챌린지10장 질문입니다. 2 asdf 2019.08.23 413
284 실습문제 5장 8번 1 file rrr 2018.04.18 412
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로