CSS- 컬러와 텍스트

CSS의 컬러

    1. 색상 이름으로 표현
        red, yellow, blue, green, salmon, ...

    2. RGB 색상값으로 표현
        rgb(0~255, 0~255, 0~255)
            RED    GREEN  BLUE
        rgba(0~255, 0~255, 0~255, 0~1의 소수)
            RED    GREEN  BLUE    ALPHA(투명도)

    3. 16진수 색상값으로 표현
        #0000ff -> 파랑색

        00 00 ff -> #00f 로도 사용가능
        R  G  B

CSS의 텍스트

    1. color
        텍스트의 색상을 설정, 기본값은 검정

    2. letter-spacing
        텍스트 내에서 자간 설정

    3. word-spacing # split(' ') 이랑 비슷
        텍스트 내에서 단어 사이의 간격을 설정

    4. text-align
        텍스트 수평방향 정렬(left, right, center, justify 양쪽분할)

    5. text-indent
        단락의 첫줄에 들여쓰기 설정

    6. line-height
        줄 높이를 정하는 속성
        ex) 글자 크기가 40px일때
            line-height: 1.5 -> 줄 높이는 40px의 1.5배인 60px -> 글자 크기는 40px이므로 글자 위와 아래에 각각 10px 
                                         의 여백이 생김 -> 만약 줄 높이가 글자크기보다 작으면 세로방향으로 글자가 겹침

text-decoration
    - 텍스트에 여러가지 효과를 설정하거나 제거하는데 사용(none, underline, line-through, overline)

text-transform
    - 텍스트에 포함된 영문자에 대한 대소문자 설정(lowercase, uppercase, capitalize)

font-variant
    - 소문자를 작은 대문자로 변경(small-caps)

text-shadow
    - 텍스트에 그림자 효과를 설정
        선택자 { text-shadow: 가로길이 세로길이 번짐정도 색상; }

white-space
    - 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 결정하는 속성(sowrap, pre, pre-wrap, pre-line)

text-overflow
    - 텍스트를 줄바꿈 하지 않았을때 넘치는 텍스트를 어떻게 처리할지 결정하는 속성(clip, ellipsis ...으로 생략)

overflow 
    - 요소내의 컨텐츠가 너무 커서 모두 보여주기 힘들경우 어떻게 보여줄지 결정(visible, hidden, scroll, auto)