CSS样式-文字样式

颜色color（可继承性）

---

用来修改文字的颜色

选择器 {
  color: 颜色色值;
}

字体大小 font-size (可继承)

---

设置文字的大小

选择器 {
  font-size: 14px;
}

字体样式 font-style (可继承)

---

 设置文字是否倾斜

• normal
• italic 斜体
• oblique 倾斜

选择器 {
  font-style: normal;
}

大部分情况都是将i em设置为不倾斜状态

字体重量 font-weight (可继承)

---

设置文字是否加粗，除非字体中有对应的粗细的字体，不然不会加粗或变细

• bolder
• lighter
• 100-900

选择器 {
  font-weight: normal;
/*字体正常*/
font-weight:bold;
/*字体加粗*/
}

行高 

---

选择器 {
  line-height: 1;
}

让单行文字垂直居中

只需要把行高设置的和元素本身高度一样，就可以实现文字垂直居中的效果

div {
  height: 40px;
  line-height: 40px
}

字体家族

---

字体家族用于设置字体，可以配置很多中字体

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

font复合属性

可以同时设置上面的属性

选择器 {
  font: 字体大小 字体家族;
}

选择器 {
  font: 字体样式 字体重量 字体大小 / 行高 字体家族;
}