더북(TheBook)

그럼 본격적으로 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이기 때문입니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.