CSS 텍스트 꾸미기

(2019-01-08)

CSS 폰트

1. CSS 속성 값  [ 텍스트 꾸미기 ] 

  ㅇ 글자체 제어 : 2.항 참조
  ㅇ 텍스트 모양 제어 : 3.항 참조


2. CSS 서체/글꼴/폰트 (Font)      :  { font : 값 }

  ㅇ 단축형 지정 例)  { font : bold italic 24pt helvetica }

  ㅇ font-family  : 글꼴(서체 유형)
     - [참고] 영문 서체 주요 유형 
        . serif 유형      : Times, Time New Roman, Georgia 등
           .. serif : 글자 끝에 삐침 선을 갖는 폰트 유형
        . sans-serif 유형 : Arial, Heltvetica, Verdana 등
           .. sans-serif : 삐침 선 없는 폰트 유형 (sans : 없음을 뜻함)
        . monospace
           .. 일반 텍스트가 아니고, 프로그램 소스 형태로 보이려면, 
           .. font-family: monospace 가 바람직

  ㅇ font-size    : 글꼴 크기
     - 서체 크기 단위 구분 : % => 백분율, em => 현 글꼴 크기의 배수, px => 픽셀
  ㅇ font-weight  : 폰트 굵기
     - normal (보통), bold (강조)
  ㅇ font-height  : 글꼴 높이
  ㅇ font-style   : normal(정상), italic(기울임꼴), oblique(italic과 조금 다른 기울임꼴)


3. CSS 텍스트 효과 (Text)       :  { text : 값 }

  ㅇ text-decoration
     - none (없음), underline (밑줄), overline (윗줄), line-through (가운뎃줄,취소선),
       blink (깜박거림, 대부분의 웹브라우저에서는 이에 무 반응)
  ㅇ text-shadow     : 4개 요소로 그림자 표현
     - horizontal offset (수평 분리), vertical offset (수직 분리), bluerriness (번짐),
       color (그림자색)
  ㅇ text-indent     : 들여씀
  ㅇ text-align      : 정렬
     - center, left, right, justify (각 줄에 꽉 차게)

  ㅇ letter-spacing  : 글자 간격
  ㅇ word-spacing    : 단어 간격


[웹 디자인] 1. 웹 디자인 2. 스타일 시트 3. CSS 4. CSS 선택자 5. CSS 박스 모델 6. block,inline 요소 유형 7. CSS 속성 값 8. CSS 위치 레이아웃 9. CSS 배경 10. CSS 텍스트 꾸미기

 
        최근수정     요약목록     참고문헌