1. line-height
글자의 높이를 지정합니다.
line-height의 단위
- normal : 기본 값 입니다. 폰트의 font-family 에 따른 글자의 기본 높이입니다. (사용하시는 font-family에 따라 기본 line-height 값이 다르다는것에 유의하세요.)
- number : 숫자로 값을 설정할 수 있습니다. 1은 font-size 값 만큼의 글자 높이를 의미합니다. 2는 font-size 값의 두 배를 의미합니다. 소수점을 지원합니다.
- px, em, % : 해당하는 유닛 단위에 맞춰 글자의 높이가 설정됩니다.
<p>Hello World!</p>
/* line-height 값을 다양하게 사용해보시면서 각각의 특성을 파악해보세요 */
p{
font-size:14px;
background-color:black;
color:white;
line-height:normal;
line-height:1;
line-height:50%;
line-height:14px;
line-height:2em;
}
2. letter-spacing
글자 사이의 간격을 조절합니다.
letter-spacing의 단위
- normal : 현재 폰트의 기본 간격입니다.
- px, em : 기본 간격에 사용하는 유닛 단위만큼 간격을 추가합니다.
<p>Hello World!</p>