CSS에서는 다양한 문자 스타일을 지정할 수 있습니다. 다음은 대표적인 문자 스타일에 대한 설명입니다.
font-family
- 사용할 글꼴을 지정합니다. 여러 개의 글꼴을 쉼표로 구분하여 지정할 수 있으며, 첫 번째 글꼴이 사용할 수 없는 경우 두 번째 글꼴을 대신 사용합니다.
- 예시:
body { font-family: 'Noto Sans KR', sans-serif; }
font-size
- 글자 크기를 지정합니다.
- px, em, rem 등 다양한 단위로 크기를 지정할 수 있습니다.
- 예시:
h1 { font-size: 36px; }
font-weight
- 글자 두께를 지정합니다.
- normal, bold 등의 값을 가질 수 있으며, 숫자로도 지정할 수 있습니다. 숫자는 100~900까지 100 단위로 지정 가능하며, 숫자가 높을수록 더 굵어집니다.
- 예시:
cssCopy code
h1 { font-weight: bold; }
color
- 글자 색상을 지정합니다.
- 예시:
p { color: red; }text-align
- 텍스트 정렬 방식을 지정합니다.
- left, right, center, justify 등의 값을 가질 수 있습니다.
- 예시:
h1 { text-align: center; }text-decoration
- 텍스트에 선을 추가합니다. 밑줄, 취소선 등을 지정할 수 있습니다.
- 예시:
a { text-decoration: underline; }letter-spacing
- 글자 사이의 간격을 지정합니다.
- 예시:
h2 { letter-spacing: 2px; }line-height
- 줄 간격을 지정합니다.
- 예시:
p { line-height: 1.5; }text-transform
- 텍스트 변환을 지정합니다. 대문자, 소문자, 첫 글자 대문자 등으로 변환할 수 있습니다.
- 예시:
h3 { text-transform: uppercase; }
댓글