글자 속성 (font, text)
2023. 6. 20. 22:43ㆍFront/CSS
1. Font
1) font-size : 글자의 크기 지정 속성
2) font-family : 글꼴 지정 속성
- 글꼴 이름이 2단어 이상이면 ""으로 묶어줘야한다
- 되도록 모든 컴퓨터에 있는 폰트를 사용하는 것이 좋다
- 사용자의 컴퓨터 환경에 따라 글꼴이 없을 수 있으므로 여러 글꼴을 지정해 대비해 놓을 수 있음
font-family: "Times New Roman", Times, serif; -> "Times ~"이 없으면 Times, Times도 없으면 serif 사용
3) font-style : 글자 기울기 조절 (italic, ..)
4) font-weight : 글자 굵기 조절 (bold, ..)
2. Text
1) text-align: 글자 정렬 (center, right, left) -> 수평정렬
2) text-decoration
- 텍스트에 선 넣기: underline, overline, line-through ....
- 하이퍼텍스트 링크(a) 밑줄 제거: none
3) text-indent : 글자 들여쓰기
4) word-spacing : 단어 간의 간격 조절
5) letter-sapcing : 글자 간의 간격 조절
6) line-height : 라인 간의 간격 조절 -> 수직정렬