css学习笔记——字体属性

css字体属性

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

h2{
    font-family: '微软雅黑';
}
h2{
    font-family: 'Microsoft YaHei',“微软雅黑”;
} 

• 各个字体必须使用英文状态下隔开
• 如果有空格隔开多个单词组成的字体，加引号（单引号，双引号都行）
• 尽量使用系统自带字体，保证浏览器能正常显示

字体大小

css使用font-size属性定义文字大小

p{
    font-size: 20px;
}

• px（像素）是网页中最常用的单位
• 谷歌默认的文字大小在16px，不同浏览器显示不同，尽量给一个明确值。
• 可以body指定整个页面文字大小

字体粗细

.bold{
/*700后面不要跟东西，等价于bold加粗的效果*/
/*font-weight:bold;*/
font-weight:700;
}

属性值	描述
normal	默认值（不加粗的）
bold	定义粗体（加粗的）
100-900	400等同于normal，700等同于bold，注意数学后面不跟单位

文字样式

css使用font-style属性设置稳定转换

p{
    font-style: italic;
}

字体复合属性 字体属性可以把以上文书属性综合来写，可节约代码。

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