글자 속성 (font, text)

2023. 6. 20. 22:43Front/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 : 라인 간의 간격 조절 -> 수직정렬