CSS_텍스트 문법

CSS의 텍스트

-택스트의 색상을 설정
-기본값은 검정색

●letter-spacing
텍스트 내에서 글자 사이의 간격을 설정
    예)안녕하세요. 오늘은 화요일.. 아직도? 
       안 녕 하 세 요. 오 늘 은 화 요 일 . . 아 직 도 ?


●word-spacing
텍스트 내에서 단어 사이의 간격을 설정
    예)안녕하세요. 오늘은 화요일.. 아직도?
       안녕하세요.  오늘은  화요일..  아직도?

●text-align
텍스트 수평 방향 정렬을 설정(left,right,center,justify)

●text-indent
단락의 첫줄의 들여쓰기를 설정

●line-height
줄 높이를 정하는 속성

예) 글자크기가 40px 일 떄
line-height : 1.5 -> 줄높이는 40px의 1.5배인 60px
-> 글자 크기는 40px이므로 글자 위와 아래의 각각 10px 의 여백이 생김 
-> 만약 줄 높이가 글자 크기보다 작으면 세로방향으로 글자가 겹침


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

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

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

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

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

●text-overflow
텍스트를 줄바꿈하지 않았을 때 넘치는 텍스트를 어덯게 처리할지 결정하는 속성(clip,elipsis)

●overflow
요소내의 컨텐츠가 너무 커서 모두 보여주기 힘들때 어덯게 보여줄지 결정하는 속성
(visible,hidden,scroll,auto)

●font -size 
-텍스트 크기를 설정
-px,%,em,rem

●font-family
텍스트의 글꼴을 설정

✔글꼴을 선택하는 방법
-누구나 설치되어 있는 기본 글꼴을 사용
-이미지로 처리
-클라이언트에 글꼴을 다운로드 시켜 사용
-웹 폰트를 사용

●font-weight
-텍스트의 굵기를 설정
-기본 굵기:400(범위 100~900)