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>
`

좋은 웹페이지 즐겨찾기