字体样式相关属性

本文详细介绍了CSS中关于字体样式的属性,包括font-size、font-family、font-weight、font-style、font、@font-face、word-wrap等,以及文本颜色、字间距、行间距等文本外观属性,帮助理解并掌握网页文本的样式控制。
摘要由CSDN通过智能技术生成
  1. 字体样式属性
  2. 文本外观属性

- 字体样式属性
(1)font-size:字号大小
font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,具体如下表所示。

相对长度单位 说明
em 相对于当前对象内文本的字体尺寸
px 像素,最常用,推荐使用
绝对长度单位 说明
in 英寸
cm 厘米
mm 毫米
pt

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

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

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

body{
   font-family:"华文彩云","宋体","黑体";}

使用font-family设置字体时,需要注意以下几点:

  • 各种字体之间必须使用英文状态下的逗号隔开。
  • 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之间。
  • 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family:“Times New Roman”;。
  • 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
    (3)font-weight:字体粗细
    font-weight属性用于定义字体的粗细,其可用属性值如下表所示。
描述
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值