2-2、CSS的文本样式

2、CSS的文本样式

• 字体：font-family
  可以有一个，也可以有多个，用逗号分割，当前面本地没有时，延续使用下一个。
  属性值可以是具体字体名，也可以是字体集。
  font-family: "微软雅黑","宋体","黑体";
• 文字大小：font-size

font-size: larger;/*相对父元素的文字大小变大*/
font-size: smaller;/*相对父元素的文字大小变小*/

分为绝对单位和相对单位。绝对单位大小几乎不使用就不举例了。
相对单位：px、%、em
文字大小px受显示器分辨率影响。
em和%都是根据起父元素的大小来显示的，比如

<p>50px <em>100px</em> </p>
p{font-size:50px;}
em{font-size:2em;}

<p>50px <em>100px</em> </p>
p{font-size:50px;}
em{font-size:200%;}

• 字体颜色：color

color：具体的颜色名称 | rgb() | rgba() |

color: red;
color: rgb(0,0,255);/*数字:0~255 也可以使用%*/
color: rgba(0,255,0,0.2);
color: #ffffff;/*十六进制*/

• 文字粗细：font-weight