1、font-size:大小
作用:
用于设置字号
p{
font-size:20px;
}
单位
可以使用相对长度单位,也可以使用绝对长度单位
相对长度单位比较常用,推荐使用像素单位,绝对单位使用较少
相对长度 | 说明 |
---|---|
em | 相对于当前对象内文本的字体尺寸 |
px | 像素,最常用,推荐使用 |
绝对长度单位 | 说明 |
---|---|
in | 英寸 |
cm | 厘米 |
mm | 毫米 |
pt | 点 |
2、font-family:字体
作用:
设置字体
p{font-family:“微软雅黑”;}
网页中最常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑
可以同时指定多个字体,中间一逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直接找到合适的字体
p{font-family:Arial,“Microsoft Yahei”,“微软雅黑”;}
常用技巧:
各种字体之间必须使用英文状态下的逗号隔开
中文字体必须用英文状态下的引号,英文字体一般不需要加引号,当需要设置英文字体时,英文字体名必须位于中文字体名之前
如果字体名之前包含空格,#,$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family:“Times New Roman”;.
尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示
3、font-weight:字体粗细
在HTML中如何将字体加粗我们可以用标签来实现
使用b和strong标签是文本加粗
可以使用css来实现,但是css没有语义
属性值 | 描述 |
---|---|
normal | 默认值,不加粗 |
bold | 定义粗体(加粗的) |
10-900 | 400等同于normal,而700等同于bold |
4、font-style:字体风格
字体倾斜除了用i和em标签
font-style属性用于定义字体风格,如设置斜体,字体倾斜或正常字体
属性 | 作用 |
---|---|
normal | 默认值 |
ltlic | 浏览器会显示斜体的字体样式 |
来源:CSDN
作者:m0_46170663
链接:https://blog.csdn.net/m0_46170663/article/details/104702934