[CSS 입문] 텍스트 스타일

1. color 속성 - 글자 색 지정

    h1 {color:rgb(0,200,0);}  /* rgb 값 사용 - 녹색 계열 */

    h2 {color:blue;}  /* 색상 이름 사용 - 파랑 */

    .accent {color:#f00;} /* 16진수 사용 - 빨강, #ff0000으로도 사용 */

2. text-decoration 속성 - 텍스트에 줄 표시

text-decoration : none | underline | overline | line-throuhg

3. text-transform 속성 - 텍스트 대·소문자 변환

속성 값	설명
none	변환하지 않는다.
capitalize	시작하는 첫 번째 글자를 대문자로 변환한다.
uppercase	모든 글자를 대문자로 변환한다.
lowercase	모든 글자를 소문자로 변환한다.
full-width	가능한 모든 문자를 전각 문자로 변환한다.

4. text-shadow 속성 - 텍스트에 그림자 효과 추가

text-shadow : none | <가로 거리> <세로 거리> <흐림 정도> <번짐 정도> <색상>

    .shadow1{ 

    color:orange; /

    text-shadow:1px 1px;  

    }

    .shadow2 {

      text-shadow: 5px 5px 3px #f00;      

    }

    .shadow3 { 

    color:#fff;  

    text-shadow:7px -7px 5px #000;  

    }

5. white-space 속성 - 공백 처리

속성 값	설명
normal	여러 개의 공백을 하나로 표기한다. 기본 값.
nowrap	여러개의 공백을 하나로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시한다.
pre	여러 개의 공백을 그대로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시한다.
pre-line	여러 개의 공백을 하나로 표시하고 영역 너비를 넘어가는 내용은 자동으로 줄을 바꿔 표시한다.
pre-wrap	여러 개의 공백을 그대로 표시하고 영역 너비를 넘어가는 내용은 자동으로 줄을 바꿔 표시한다.

6. letter-spacing과 word-spacing 속성 - 텍스트 간격 조절

letter-spacing : normal | <크기>

word-spacing : normal | <크기>

<출처> Do it! HTML5+CSS3 웹 표준의 정석