css笔记

一,字体系列(font-fanily)

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

• 1
• 2

各种字体之间必须使用英文状态下的逗号隔开
一般情况下,如果有空格隔开的多个单词组成的字体,加引号.
尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示

二,字体大小(font-size)

p { 
 font-size: 20px; 
}

• 1
• 2
• 3

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

三,字体粗细(font-weight)

p { 
 font-weight: bold;
}

• 1
• 2
• 3

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

四,文字样式(font-style)

p { 
 font-style: normal;
}

• 1
• 2
• 3

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

五,字体复合属性

字体属性可以把以上文字样式综合来写,可以节约代码

body { 
 font: font-style font-weight 
 font-size/line-height font-family; }

• 1
• 2
• 3

使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开
不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用

总结