CSS设置字体粗细、字体风格、装饰线、综合设置字体样式、CSS3新增属性

鳄鱼君

发表文章数:642

热门标签

,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » CSS » CSS设置字体粗细、字体风格、装饰线、综合设置字体样式、CSS3新增属性

CSS设置字体粗细

CSS使用font-weight属性设置字体粗细,属性值可以为汉字:bold(加粗)、bolder(更粗)、lighter(更细)、normal(正常);也可以取数字100,200…(100的整倍数),其中400等同于normal,700等同于bold,值越大字体越粗。

CSS设置字体风格

CSS使用font-style属性设置字体风格,如设置斜体、倾斜或正常字体。其属性值有normal(正常)、italic(斜体)、oblique(倾斜)。

CSS设置综合字体样式

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

选择器{
    font-style font-variant font-weight fZont-size/lZine-height   font-family;
    }

CSS设置装饰线

CSS使用text-decoration属性来设置装饰线,包括下划线、上划线、删除线等装饰效果属性值有underline(下划线)、line-through(删除线)、overline(上划线)、none(正常)。

补充CSS3新增属性

通过@font-face属性,开发者可以在用户计算机未安装字体时,使用任何喜欢的字体。其基本的语法格式为:

@font-face{ font-family:字体名称; src:字体路径;  }

使用步骤:
1.下载字体存储到服务器的某个字体文件中。
2.使用@font-face定义服务器字体。
3.在元素中使用font-family属性来定义字体样式。

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《CSS设置字体粗细、字体风格、装饰线、综合设置字体样式、CSS3新增属性》 发布于2020-04-09

分享到:
赞(2) 赏杯咖啡

评论 抢沙发

3 + 1 =


文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册