1. line-height

글자의 높이를 지정합니다.

line-height의 단위

  1. normal : 기본 값 입니다. 폰트의 font-family 에 따른 글자의 기본 높이입니다. (사용하시는 font-family에 따라 기본 line-height 값이 다르다는것에 유의하세요.)
  2. number : 숫자로 값을 설정할 수 있습니다. 1은 font-size 값 만큼의 글자 높이를 의미합니다. 2는 font-size 값의 두 배를 의미합니다. 소수점을 지원합니다.
  3. 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의 단위

  1. normal : 현재 폰트의 기본 간격입니다.
  2. px, em : 기본 간격에 사용하는 유닛 단위만큼 간격을 추가합니다.
<p>Hello World!</p>