메뉴 건너뛰기

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 예제 3-4 1 새싹 2018.04.22 158
322 예제 3-2 2 새싹 2018.04.21 148
321 예제 3-11 1 새싹 2018.04.23 301
» 예제 3-1 1 초보 2018.04.15 75
319 예제 3-1 1 새싹 2018.04.21 91
318 예제 2-9 1 새싹 2018.04.22 86
317 예제 2-25 <video>태그로 비디오 삽입 2 file 코딩어렵다 2023.04.13 87
316 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 54
315 예제 2-21 질문입니다. 1 file 열공이 2022.12.23 117
314 예제 2-21 1 Daisy 2020.03.28 237
313 예제 2-19 1 새싹 2018.04.18 265
312 예제 2-18 1 file 새싹 2018.04.18 103
311 예제 2-18 1 새싹 2018.04.18 94
310 예제 13-9 질문드립니다. 4 열심히 공부하는 독자 2020.09.12 100
309 예제 13-5 구글 위치지도 안뜨는데요? 2 rr 2017.12.09 187
308 예제 13-02 2 성북동 뽀글이 2019.01.22 146
307 연습문제의 미디어 파일 1 부산 2021.11.25 133
306 연습문제 짝수번 정답 기러기 2018.04.20 760
305 연습문제 짝수답은어디있나요?? 2021.02.16 830
304 연습문제 답안지 2 vdncnck 2017.03.28 3264
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로