| [ 색상관련 스타일 - color ] 글자색상을 지정하는 속성은 font를 사용하지 않고 단지 color만으로 지정이 됩니다.
color는 간단하게 텍스트에 색상을 지정하는데, 색상표현법은 HTML에서와 마찬가지로 색상명(black, white, red 등)으로 지정할 수도 있고 RGB 값(#00ffff, #ff0098..등)으로 지정할 수도 있습니다. ▶ 글자 색상 : color ▨ 사용형식 <HEAD> <STYLE type="text/css"> <!-- BODY {font-size:9pt; color:green;} H1 {color:#0000ff;} //--> </STYLE> </HEAD> |
위의 경우 문서전체에 글자색상을 green으로 지정한 것으로 HTML에서 <BODY text="green"> 태그를 사용한 것과 같은 효과를 줍니다. 여기에 다시 H1에는 color를 #0000ff로 지정했으므로 H1태그를 사용한 글자는 파란색으로 표시됩니다.
| ※ 대표속성 사용하기 특정 속성들은 대표속성을 사용하여 한꺼번에 지정해 주면 편리한데, 글자에 관련된 속성이 그 중의 하나입니다. 글자속성들은 대부분 font-로 시작을 합니다. 이 경우 관련 스타일 속성들을 모두 하나의 font로 통합해서 지정해 줄 수 있습니다. 예) H1 {font-size:12pt; font-weight:bold; font-style:italic; font-family:굴림체;} ☞ H1 {font: bold 12pt 궁서 italic;} 이 때, 각 항목들은 콤마(,)나 세미콜론(;)등의 구둣점 없이 공백을 사이에 두고, 나열해 주면 됩니다. | |