✍font-family

✔ font-family 는 폰트 스타일을 지정하는 속성

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

Georgia, "Times New Roman", Times, serif 라는 값을 해석해보자면,

브라우저가 Georgia 라는 폰트를 지원해주면 Georgia 폰트로 적용
Georgia 폰트가 지원되지 않으면, "Times New Roman"을 적용,
이것도 지원되지 않으면 Times을 적용
앞의 세 가지 폰트가 전부 없으면 serif라는 폰트를 사용하겠다는 뜻입니다.

주의) "Times New Roman"만 ""(쌍따옴표)로 감싸져 있는데, 폰트 이름에 띄워쓰기가 되어있으면 ""(쌍따옴표)를 사용해야합니다.

🪨 font-style

font-style 을 이용하여 글씨 스타일을 바꿀 수 있다.
italic이라는 값을 지정하면 이탤릭체로 변하게 된다.

a {
  font-style: italic;
}

🪒 font-size

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

.size{
  font-size : 15px;
  }

폰트 크기 단위는 'px', 'em', 'pt'등 여러가지가 있다.

👢 font-weight

font-weight 는 글씨 두께를 조절해주는 property

.bold-font {
  font-weight: bold;
}
font-weight 는 글씨 두께를 조절하는 property입니다.

normal, bold, 100, 200, ... 900 등의 값이 지정될 수 있습니다.
숫자 400과 normal은 같은 두께
숫자 700과 bold는 같은 두께
보통은 두껍거나 or 아니거나 두가지 경우면 되므로 간편하게 bold 값을 지정한다.

🟪 color

글씨 색상 표현하는 property

.pink {
  color: pink;
}
.yellow {
  color: yellow;
}

🔵 색상을 표현하는 방법

• hex 색상코드: 여섯자리로 표현 - #eb4639

• rgb 값: 빨강, 초록, 파랑으로 표현 - rgb(235, 70, 57)

• hsl : 색상, 채도, 명도(hue, saturation, lightness)로 표현 - hsl(4, 82%, 57%)

(세가지는 모두 같은 색)

h1 {
 color: #eb4639;
}
h1 {
 color: rgb(235, 70, 57);
}
h1 {
 color: hsl(4, 82%, 57%);
}

만약 hex 표현에서 rgb 표현으로 바꾸고 싶다면 google에 "color hex to rgb"라는 키워드로
검색해서 찾아보자.