CSS 2. Text Style

1. 웹 폰트 적용하기

   @font-face {
   font-family:글꼴 이름;
   scr:url(글꼴파일 검토) format(파일유형);
   }

2. font-size속성
   1em=16px
   1.5em=24px
   1.75em=28px

3. font-weight속성 - 글자 굵기정하기

   속성값	설명
   normal	일반적인 형태, 기본값
   bold | lighter | bolder	굵게 | 원래 굵기보다 더 가늘게 | 원래 굵기보다 더 굵게
   100~900사이의 수치	400 normal | 700 bold

   
   

4. font-variant:small-caps _ 작은 대문자로 표시

5. font 속성 한꺼번에 묶어 표현하기

font: weight size/line-height font-family;

6. color _글자 색 지정하기

   표현방법: #color code 6자리 입력(같은 숫자가 연속 반복될 경우 하나씩 생략 가능.
   (ex. #eedd33 -> #ed3)
   rgb(0~255,0~255,0~255)
   rgba( , , ,0~1) : 투명도 반영시

7. text-decoration _텍스트에 줄 표시하기/없애기

   text-decoration: none underline overline line-through
   * underline: 밑줄그리기
   * overline: 영역 위로 선을 그리기
   * line-through: 영역을 가로지르는 선 그리기(취소선)

8. text-transform_텍스트 대소문자 구분하기

   text-transform : none capitalize upper case lower case full-width
   * capitalize: 시작하는 첫 글자를 대문자로 변환
   * uppercase: 모든 글자를 대분자로 변환
   * lowercase: 모든 글자를 소문자로 변환
   * full-width: 가능한 모든 문자를 전각 문자로 변환ㄴ