CSS字体样式属性调试

恶魔 不能# CSS字体样式属性调试

1.font-size

font-size属性用于设置字号

p {
font-size:20px;

2.font-family

font-family用于设置字体

p {
font-family:"Mirsoft YaHei"}

网页中常用字体有宋体,微软雅黑,黑体等
可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体,如果都没有,则以我们电脑默认的字体为准。

p {
font-family:"Mirsoft YaHei","微软雅黑"}

常用技巧

1.各种字体之间必须使用英文状态下的逗号隔开。
2,中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
3.如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: “Times New Roman”;。
4.尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

Unicode 字体

Unicode字体

3.font-weight

字体变粗:
在html中可以使用b标签和strong实现文本加粗
而font-weight是通过css来实现字体加粗 本身是没有语义的

font-weight

4.font-style

字体风格:
在HTML中我们可以使用i标签和em标签实现字体倾斜
在css中font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体。

其可用属性值如下:
font-style

5.font:综合设置字体样式(重点)

基本语法格式如下:

.weight {font: font-style font-weight font-size/line_height font-family;}

注意 :

使用font属性时,必须按照上面语法格式中的顺序数学,不能更换顺序,各个属性以空格隔开。
其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用

font总结

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Web_chicken/article/details/108465032