자주 쓰는 크기 단위
- em : font_size, 해당폰트의 대문자 M의 너비를 기준으로 함.
- rem : root em, HTML 문서의 root 요소인 <html>에 지정된 크기를 기준으로 상대적인 값을 가지게 됨
- ex : x-height, 해당폰트의 소문자 x의 높이를 기준으로 함.
- px : pixel, 표시장치(모니터)에 따라서 상대적인 크기를 가짐.
- % : percent, 기본글꼴의 크기에 대하여 상대적인 값을 가짐.
- pt : point, 일반 문서(워드 등)에서 많이 사용하는 단위
자간 설정
- letter-spacing : 글자 사이의 간격 (자간)
- letter-spacing : normal;
- letter-spacing : 1px;
- letter-spacing : -1px;
- letter-spacing : 2em;
- letter-spacing : .2rem;
어간 설정
- word-spacing : 단어 사이의 간격(어간)
- word-spacing : normal;
- word-spacing : 1px;
- word-spacing : -1px;
- word-spacing : 2em;
- word-spacing : .2rem;
행간 설정
- line-height : 행 사이의 간격 (행간)
- line-height : normal;
- line-height : 2.5;
- line-height : 30px;
- line-height : 3em;
- line-height : 150%;
'HTML, CSS' 카테고리의 다른 글
| [HTML/CSS] 글자색 변경하기 (0) | 2024.04.18 |
|---|---|
| [HTML/CSS] 글자 크기 조절하기 (0) | 2024.04.18 |
| [CSS] 가상 클래스 선택자 (0) | 2024.04.18 |
| [CSS] 복합 선택자(Combinators) (0) | 2024.04.18 |
| [CSS] 선택자(Selector) (0) | 2024.04.18 |