fonts属性
css字体(fonts)属性,用于定义字体系列,大小,粗细,和文字样式(如斜体)。
1.字体系列
css使用font-family属性定义文本的字体系列。
p {font-family:"微软雅黑","其他字体1","其他字体2"}
在font-family中,可以设置字体的多种,换句话说就是可以拥有多种字体,
对字体进行设置,而且设置后,依次查找,若是第一种字体有,就用第一种,依次类推。
2.字体大小
p {font-size:20px;}
px是像素的意思,在网页中是最常用的单位。
3.字体粗细
font-weight属性设置文本的粗细。
p {font-weight: 700;}
注意这里的weight后面的数字不需要加px;
其中700相当于加粗。
其中400相当于不加粗,正常。
4.文字样式
p {font-style:normal;}
属性值 | 作用 |
---|---|
normal | 默认值,浏览器会显示标准的字体样式 |
italic | 浏览器会显示斜体的字体样式 |
平时更多是让斜体字体(em,i)变得正常化。
5.字体的复合属性
复合属性的简写方式,节约代码,必须严格按照以下的书写方式来,不能随意颠倒。
p {font:font-style font-weight font-size/line-hight font-family; }
实例:
p {font:italic 700 16px '微软雅黑'; }
不需要设置的属性可以省略,但font-size和font-family必须有。
6. 字体属性总结
属性 | 表示 | 注意点 |
---|---|---|
font-size | 字号 | 通常用的单位是px像素,一定要跟上单位 |
font-family | 字体 | 按照要求写就行 |
font-weight | 字体粗细 | 记住粗是700或者hold,不加粗是normal或者400,记住数字不跟单位 |
font-stlye | 字体样式 | 记住斜体是italic,不是斜体是normal,工作中最常用的是normal |
font | 字体连写 | 1.字体连写有顺序,不能随意变化位置,2,其中字号和字体是必须同时出现。 |