그럼 본격적으로 intro 공간에 대한 인테리어 작업을 진행하겠습니다.
예제 소스 Exercise/12장/KidsGao/css/style.css
/******************** *** Intro *** ********************/ #intro {
width: 100%; ➊ height: 1600px;
background-image: url(../img/intro/intro_bg.png); ➋ } #intro .introWrap { /* 마침표(.) 앞에 한 칸 띄어쓰기에 주의하세요. */ position: relative; /* introWrap 서랍장을 2차원과 3차원 특징으로 변경합니다. */ width: 760px; height: 516px; background-color: yellow; }
➊ intro 공간에 있는 width의 속성값은 브라우저 왼쪽부터 오른쪽 끝까지 항상 전체 크기(full-size)가 유지되도록 100%로 입력합니다. height의 속성값은 1600px로 입력합니다. intro_bg.png 이미지의 높이가 1600px이기 때문입니다.