7.css字体样式的常用设置

教程大全  / 倒序浏览   ©

#楼主# 2020-2-18

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

1.字体颜色

[	DISCUZ_CODE_0	]

2.字体巨细

[	DISCUZ_CODE_1	]

3.字体设置

[	DISCUZ_CODE_2	]

4.font-style可以用来设置文字的斜体

可选值:

  1. normal,默认值,文字正常显示
  2. italic 文字会以斜体显示
  3. oblique 文字会以倾斜的效果显示

大部分欣赏器都不会对倾斜和斜体做区分,
也就是说我们设置italic和oblique它们的效果往往是一样的
一般我们只会使用italic

[	DISCUZ_CODE_3	]

5.font-weight可以用来设置文本的加粗效果:

可选值:

  1. normal,默认值,文字正常显示
  2. bold,文字加粗显示
  3. 该样式也可以指定100-900之间的9个值,
    但是由于用户的计算机往往没有这么多级别的字体,以是达到我们想要的效果
    也就是200有可能比100粗,300有可能比200粗,但是也可能是一样的
[	DISCUZ_CODE_4	]

5.font-variant可以用来设置小型大写字母

可选值:

  1. normal,默认值,文字正常显示
  2. small-caps 文本以小型大写字母显示
    小型大写字母:
    将所有的字母都以大写形式显示,但是小写字母的大写,
    要比大写字母的巨细小一些。
[	DISCUZ_CODE_5	]

6.简写

  1. 在CSS中还为我们提供了一个样式叫font,
  2. 使用该样式可以同时设置字体相关的所有样式,
  3. 可以将字体的样式的值,统一写在font样式中,不同的值之间使用空格隔开
  4. 使用font设置字体样式时,斜体 加粗 小大字母,没有次序要求,甚至可写可不写,
  5. 如果不写则使用默认值,但是要求文字的巨细和字体必须写,而且字体必须6. 是最后一个样式
  6. 巨细必须是倒数第二个样式
  7. 实际上使用简写属性也会有一个比较好的性能
[	DISCUZ_CODE_6	]
[pre][code] 字体设置
分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

cy605093468

新手猿

  • 主题

    3

  • 帖子

    3

  • 关注者

    0

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆