您现在的位置:首页 > 教案格式 > 正文

最新版本:CSS字体样式属性调试

2020-10-15 01:13 网络整理 教案网

学案字体格式_学案字体格式

恶魔 不能# 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属性用于定义图标样式,如修改斜体、倾斜或正常字体。

其可用属性值如下:

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

学案字体格式_学案字体格式

基本语法格式如下:

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

注意 :

使用font属性时,必须根据前面语法格式中的次序数学,不能更换顺序学案字体格式,各个属性以空格隔开。

其中不需要设置的属性可以省略(取默认值),但需要保留font-size和font-family属性,否则font属性将不起作用

font总结

在这里插入图片描述