CSSテキスト関連コードのクリーンアップ

2330 ワード

テキストスタイル


font-size:
//글자 크기 (절대적 :px, pt / 상대적 : em, %)
// pt는 px의 약 1.33배
// %는 부모요소의 크기를 기준으로 1em = 100%
font-family:
// 글꼴
// serif 끝이 꼬부라져 있음 Times New Roman, 궁서체
// Sans-Serif 끝이 안꼬부라져 있음 Arial, 굴림체 
// Monospace courier 모든 글자가 간격이 같음
// cursive, Fantasy 기타 특이한 것들 ", Times, serif; 두번째 폰트와 세번째 폰트
// 가지고 있지 않은 폰트 사용하고 싶을 때
// 구글 폰트 사용 font.google.com들어가서 추가하고 싶은 폰트의 +를 누른다.
// 링크 복사 후 html에 <link>로 넣어줌
// 사용법도 나와 있음
// font.google.com/earlyaccess 베타 상태의 폰트
// 한국어 폰트들이 존재 (나눔 등)
font-weight: 
// 100단위로만 가능(100~900)
// 폰트마다 최소/최대값 다름
text-align:
// 글자 정렬 left;, center, right...
// 화면 전체를 사용하고 있으면 잘되지만 <a>와 같이 필요한만큼만 차지하고 있으면 가운데 정렬 잘 안됨
// a를 div로 감싸고 div에 text-align주기
text-decoration: 
//none; overline; underline; Line-through;
text-decoration-color:
//글자의 스타일링과 데코레이션의 색을 다르게 하고 싶을 때
line-height
//줄 간격
//content area에 영향 주지 않음