属性汇总
属性 | 作用 |
---|---|
font-family | 设置文章字体 |
font-size | 设置字体大小 |
font-weight | 设置字体粗细 |
font-style | 设置字体斜体 |
font | 总体设置以上属性 |
设置文章字体
font-family属性
案例:
设置字体大小
font-size属性
注意事项:
1.必须要加单位,常用px(像素)
2.不同浏览器在不统一文字大小的情况下,网页文字的大小是不同的,所以尽量用这个属性给与统一的字体大小。
3.给body标签添加字体大小属性,可以更改整个页面的文字大小。(除了标题)
案例演示:
设置文字粗细
font-weight属性
注意事项:
1.后面要跟加粗程度,100-900。400=不加粗的值。
2.不需要单位
案例演示:
设置字体倾斜
font-style属性
属性值:normal不倾斜,italic字体倾斜
案例演示:
直接设置多中样式
font属性:
注意:必须要以一定的顺序进行配置,顺序不可以混乱,但是有的可以不设置,但是有的必须设置
font格式:
font {style weight size(必须配置)/line-height family(必须配置);}
案例演示: