CRUISEWEB

background 숏컷 속성으로써 color, image, repeat, attachment, position 순서로 선언한다. background-color 속성만 순서에 독립적이다. 콘텐츠, 패딩, 보더 영역에 적용된다. background-color 항목 설명 값 color, transparent 초기값 transparent 적용 대상 모든 요소 상속 X background-image 항목 설명 값 uri, none 초기값 none 적용 대상 모든 요소 상속 X background-image와 함께 background-color를 선언할 수 있다. 특별한 ratio 없이 배경 이미지에 본래 정해진 치수가 있을 경우, background-position 속성을 통해 배경 이미지의 위치를 조절할 수 ..

position 항목 설명 초기값 static 상속 X 1. 값 relative 상대배치방식 : 본래 자신의 위치를 기준으로 지정한 offset 속성의 값만큼 떨어져서 배치되는 방식. 다른 요소의 위치에는 영향을 주지 않음 absolute 절대배치방식 : 요소가 포함된 부모를 기준으로 지정한 offset 속성의 값만큼 떨어져서 배치되는 방식. 문서의 일반적인 흐름을 따라 배치되지 않기 때문에, 다른 요소들의 배치 위치에 영향을 줌 absolute 요소는 가장 가까운 상위 요소가 static이 아닐 경우, 그 요소(containing 요소라고 불림)를 기준으로 배치된다. 상위 요소가 모두 static(기본값)이면 body를 기준으로 배치됨. fixed 고정배치방식 : absolute와 비슷하지만, fixe..

font-family 항목 내용 초기값 user agent에 의존 상속 O 값 순서 문법에 따른 명확한 순서가 있음 폰트 선언 순서 사용자에게 매칭되는 font-face가 없을 경우, 다음 순서의 font-face가 적용됨. 사용자에게 매칭되는 font-face가 있더라도, 알맞은 glyph(자형)이 없을 경우, 다음 순서의 font-face가 적용됨. 사용자에게 매칭되는 font-face가 아무 것도 없을 경우, user agent의 default font-face가 적용됨. 영문과 한글 폰트를 동시에 지정하고자 할때는, 영문폰트를 우선하여 선언한다. 값 폰트명이 한글일 경우 반드시 따옴표로 묶어주어야 함. 폰트명이 공백 없는 영문일 경우 묶지 않음. 폰트명이 영문이지만 공백이나 숫자가 포함될 경우 반..