Untitled Document

속성값을 지정

스타일시트에서는 길이와 색상값을 올바른 형식으로 사용하는 것이 중요하다.

1.길이단위

스타일시트의 속성값으로 사용할 수 있는 측정단위

px(픽셀): 모니터 해상도를 기준으로 하는 픽셀 단위
pt(포인트): 전통적인 출판에서 사용되는 글꼴의 측정 단위. 대랑 인치당 72포인트
pc(피카(pica)): 전통적인 출판에서 사용되는 단위로 12포인트에 해당됨(또는 1/6인치 )
em(Em):상대적인 측정 단위. 현재 글꼴의 대문자 M의 너비에 해당하는 크기. 실제로 글꼴의 포인트 크기와 같다.
ex(Ex): 상대적인 측정 단위. 해당글꼴의 문자 "x"의 높이와 같다.(대략 Em크기의 반에 해당된다.)
in(인치)
: 미국에서 사용하는 표준 측정 단위
mm(밀리미터): 미터법 단위
cm(센티미터): 미터법 단위

어떤 경우에는 속상값을 상대적인 퍼센트 값으로 지정할 수도 있다.
p {line-height:120%}

2. 색상지정

① 이름으로 지정하는 방법

CSS1에는 사용할 수 있는 16가지 색상 이름이 있다.

     

aqua, gray, navy, silver
black, green, olive, teal
blue, lime, purple, white
fuchsia, maroon, red, yellow

② RGB값을 지정하는 방법

스타일시트에서는 다음과 같은 방법 중에 하나를 이용해서 RGB 색상을 지정할 수 있다.

H1{ color:#0000FF}
H1{ color:#00F}
H1{ color:rgb(0, 0, 255)}
H1{ color:rgb(0% , 0%, 100%)}

첫번째 방법은 3개의 두 자리 16진수 RGB값을 사용하는 방법이다.
두 번째 방법에서는 세 자리 숫자를 지정하는 방법으로 이것은 실제 각 자리에 해당되는 숫자가 반복되어 6자리의 숫자가 된다.
마지막의 두 가지 방법은 RGB값을 일반적인 숫자나 퍼센트값을 사용하여 RGB 함수 표기법. 이때 퍼센트값은 RGB(0%, 50.5%, 33.3%)와 같이 10진수 형태로 표시한다.

<이전   목록   다음>

Copyright ⓒ2001∼2003, alza.wo.to All Rights Reserved.