1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 设置字体样式:字号大小 字体种类 字体粗细

设置字体样式:字号大小 字体种类 字体粗细

时间:2023-07-06 00:24:01

相关推荐

设置字体样式:字号大小 字体种类 字体粗细

font-size:字号大小

font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。具体如下:

font-family:字体

font-familay属性用于设置字体,网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

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

可以同时制定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,知道找到合适的字体。

常用技巧:

1.现在网页中普遍使用14px+.2.尽量使用偶数的数字字号,ie6以及以下的浏览器在设置奇数时,会有兼容性问题3.各种字体之间必须使用英文状态下的逗号隔开。4. 中文字体需要加英文状态下的引导,英文字体一般不需要加引导,当需要设置英文字体时,英文字体名必须位于中文字体名之前。5.如果字体名中间包括空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family:"Times New Roman";.6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

CSS Unicode : 字体

在CSS中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8等)不匹配时会产生乱码的错误。xp系统不支持类似微软雅黑的中文。

方案一:我们可以使用英文来替代。比如font-family:"Microsoft Yahei".

方案二: 在CSS直接使用Unicode编码来写字体名称可以避免这些错误。使用Unicode写中文字体名称,浏览器可以正确的解析的。

font-family:"\SFAE\8F6F\9ED1",表示设置字体为“微软雅黑”。

我们以后写unicode字体,尽量只写宋体和微软雅黑:“\5B8B\4F53”,“\5FAE\8F6F\96C5\9ED1”

font-weight : 字体粗细

字体加粗除了用 b 和 strong 标签之外,可以使用css来实现,但是CSS是没有语义的。

font-weight属性用于定义字体的粗细,其可用属性:normal、bold、bolder、lighter、100—900(100的整数倍)。

小技巧:

数字400等价于normal,而700等价于bold,但是我们更喜欢用数字来表示。

CSS注释

html注释:<!-- -->

css注释:/* 需要注释的内容 */ 进行注释的

即在需要注释的内容前面使用 “ /* ”,在需要注释的内容后面使用“ */ ”

总结:html 注释和css注释非常提倡大家使用

font-style : 字体风格

字体倾斜除了用i和em标签之外,可用使用CSS来实现,但是CSS是没有语义的。

font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体、其可用属性值如下:

normal:默认值,浏览器会显示标准的字体样式。

italic:浏览器会显示斜体的字体样式。

oblique:浏览器会显示倾斜的字体样式。

小技巧:

平时我们很少给文字加斜体,反而喜欢给斜体标签(em,i)改为普通模式。

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

font属性用于对字体样式进行综合设置,其基本语法格式如下:

选择器{font:font-style font-weight font-size/line-height font-family;}

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

开发者工具(chrome)

此工具是我们的必备工具,以后代码出了问题,我们首先第一反应就是:

“按F12”或者是“shift+Ctrl+l” 打开 开发者工具。

菜单:单击网页空白处———查看。

小技巧:

ctrl+滚轮 可以放大开发者工具代码大小。

左边是HTML元素结构,右边是css样式

右边css样式可以改动数值和颜色查看更改后效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。