css字体属性

1.1字体系列

css使用font-family属性定义文本的字体系列

p {font-family:"微软雅黑"}
div{font-family:"arial ""microsoft Yahei","微软雅黑";}

1. 各种总体字体之间必须使用英文状态下的逗号隔开
2. 一般情况下，如果有空格隔开的多个单词组成字体，加引号。
3. 尽量使用系统默认的自带字体，保证在任何用户浏览器中都能正确显示
4. 最常见的几个字体：body{font-family：“microsoft Yahei”，tahoma，Hiragino是SansGB;2wz }

1.2 字体大小

css使用font-size属性定义

p{
font-size:20px；

}

• px（像素）大小思我们网页最常用的单位
• 谷歌浏览器默认的文字大小为16px
• 不同的浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
• 可以给body指定整个页面文字大小

1.3字体粗细

在css使用font-weight属性设置文本字体粗细

p{
    font-weight：bold;
}

属性值：	描述
normal	默认值(不加粗)
bold	定义粗体（加粗的
100-900	400等同于normal700等同于bold（注意着个数字后面没单位）

• 学会让加粗标签（不如 h和strong等）不加粗，，或者其他标签加粗（实际开发更喜欢用数字表示粗细）

1.4文字样式

css 使用的font-style属性设置文本的风格

p{
     font-style:normal;
}

属性值	作用
normal	默认值，浏览器会显示标准的字体样式font-style：normal；
italic	浏览器会显示斜体的字体样式

注意：平时很少给文字加斜体，反俄土要给斜体标签（em，i）改为不倾斜体。

1.5字体属性连写

顺序不能调换 font:font-style font-weight font-size/line-height font-fanily
 书写方式：font:italic 700 16px "microsoft Yahei";

字体属性总结图：