1,概要
属性:font-size 表示:字号 注意:通常的单位是px像素,一定要跟上单位
属性:font-famliy 表示:字体 注意:实际工作中按照团队约定的字体设置
属性:font-weight 表示:字体粗细 注意:数字不跟单位,加粗700或bold,不加粗400或normal
属性:font-style 表示:字体样式 注意:倾斜:italic 不倾斜:normal
属性:font 表示:字体连写 注意:字体连写是有顺序的,不能随意换位,其中字号与字体必须出现
2,font-style设置文字样式
属性值:normal 作用:为默认值,浏览器会显示标准的字体样式,font-style:normal
属性值:italic 作用:浏览器会显示倾斜样式
ps,平时我们一般很少给文字加斜体,反而给倾斜标签改为不倾斜字体(<em>,<i>)
展示
3,font-weight设置字体粗细
属性值:normal 作用:默认值(不加粗),即400
属性值:bold 作用:定义粗体(加粗),即700
ps:一般在开发中,习惯用数字加粗
展示
4,font-size设置字体大小
ps:(1)不同的浏览器的默认字体大小不同,谷歌的为16px
(2)可用body制定整个页面文字大小
展示
5,font-famliy设置字体系列
ps:(1)各个字体必须使用英文状态下的逗号隔开
(2)一般情况下,如果有多个词组组成的字体,加引号
(3)尽量使用系统自带的字体
展示: