CSS新手入门笔记整理：CSS字体样式

字体类型：font-family

语法

font-family：字体1,字体2,...,字体n;

• font-family可以指定多种字体。使用多个字体时，将按从左到右的顺序排列，并且以英文逗号（,）隔开。如果我们不定义font-family，浏览器将会采用默认字体类型，也就是“宋体”。
• 对于font-family属性，如果字体类型只有一个英文单词，则不需要加上双引号；如果字体类型是多个英文单词或是中文的，则需要加上双引号。
• 在实际开发中，比较美观的中文字体有微软雅黑、苹方，英文字体有Times New Roman 、Arial和Verdana。

---

字体大小：font-size

语法

font-size：10px;

font-size属性取值有两种：

• 一种是“关键字”，如small、medium、large等；
• 另外一种是“像素值”，如10px、16px、21px等。

---

字体粗细：font-weight

语法

font-weight：取值;

font-weight属性取值有两种：

• 一种是“100~900的数值”，
• 另一种是“关键字”。

font-weight属性可以取100、200、…、900这9个值。其中100相当于lighter，400相当于normal，700相当于bold，而900相当于bolder。

属性值	说明
normal	正常(默认值)
lighter	较细
bold	较粗
bolder	很粗(其实效果与 bold 差不多)

---

字体风格：font-style

语法

font-style：取值;

属性值	说明
normal	正常(默认值)
italic	斜体
oblique	斜体

有些字体有斜体italic属性，但有些字体却没有italic属性。oblique是让没有italic属性的字体也能够有斜体效果。

---

字体颜色：color

语法

color：颜色值;

color属性取值有两种，

• 一种是“关键字”，
• 另一种是“十六进制RGB值”。

除了这两种，其实还有RGBA、HSL等。

关键字，指的就是颜色的英文名称，如red、blue、green等。参考CSS 颜色名称。

十六进制RGB值

---