html+css基础入门学习教程之CSS文字 - font-family 属性

本文详细介绍了CSS中关于字体的属性,包括font-family用于设置字体系列,font-size设置字体尺寸,font-style定义字体风格,font-weight设置文本粗细,font-variant设定小型大写字母,以及text-decoration添加文本修饰等。通过实例展示了各种属性的效果,是前端初学者理解CSS文字样式的好帮手。
摘要由CSDN通过智能技术生成

CSS文字 - font 属性

CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。

font 简写属性 在一个声明中设置所有字体属性。
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。
可以按顺序设置如下属性:

新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
font-style font-variant font-weight font-size/line-height font-family

如下代码:

.ex2{font:italic bold 12px/20px arial,sans-serif;}

页面上显示为 F2E.TMING

还有一些属性也可以写font里,如下:
caption icon menu small-caption status-bar

CSS文字 - font-family 属性

font-family 规定元素的字体系列。
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。

有两种类型的字体系列名称:

1) 指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

2) 通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

p{ font-family:"Times New Roman",Georgia,Serif; }

提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。

CSS文字 - font-size 属性

font-si

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值