font字体

非 Y 不嫁゛ 提交于 2020-03-06 23:24:00

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 浏览器会显示斜体的字体样式
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!