CSS_Font & Text Style

Font Style의 property

1. font-family

#title {
  font-family: Georgia, "Times New Roman", Times, serif;
}

• font-family는 폰트 스타일을 지정하는 속성이다.
• *사용자가 어떤 브라우저를 사용할지 모르기 때문에 font-family 값에는 보통 여러가지 폰트를 나열한다.
• 가장 뒤에 위치한 serif같은 폰트는 모든 브라우저에서 지원하는 폰트.

2. font-size

big-size-font {
  font-size: 50px;
}

• font-size는 폰트의 크기를 지정해준다

3. font-weight

.bold-font {
  font-weight: bold;
}

• font-weight 는 글씨 두께를 조절하는 property이다.

4. font-style

a {
  font-style: italic;
}

5. color

• 텍스트의 컬러를 지정해준다

색상 표현 방법
텍스트	pink, yellow처럼 텍스트로 누구나 알아보기 쉬운 색깔을 지정
hex	색상코드: 여섯자리로 표현 - #eb4639
rgb	빨강, 초록, 파랑으로 표현 - rgb(235, 70, 57)
hsl	색상, 채도, 명도(hue, saturation, lightness)로 표현 - hsl(4, 82%, 57%)

Text Style의 property

Text Style
1. text-align	텍스트 왼쪽, 가운데, 오른쪽 정렬
2. text-indent	텍스트 들여쓰기

• 문장 사이사이에 스페이스 추가하고 싶을 때는?
  - 스페이스를 의미하는   을 넣어주면된다.

<p>스페이스 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;넣는 예제</p>
`