CSS_常用字体属性

1:字体大小:

属性名:font-size

作用:控制字体大小

语法:

注:

  1. Chrome浏览器支持的最小文字为12px 默认的文字大小为16px 并且0px会自动消失
  2. 不同的浏览器默认的字体大小可能不一致,所以最好给一个明确的值,不要用默认大小
  3. 通常以给 body 设置font-size属性,这样 body 中的其他元素也就可以继承了

4.h1~h6 包裹的字体默认会放大一点所以使用的时候要注意

借助控制台看样式:

2:字体族:

属性名:font-family

语法:

注:

  1. 使用字体的英文名字兼容性会更好,具体的英文名可以自行查询,或在电脑的设置里去寻找
  2. 如果字体名包含空格,那么就必须要用引号包裹起来 “666”
  3. 可以设置多个字体,按照从左到右的顺序逐个查找,找到就用,没有找到或写的不对就会使用后面的,且通常在最后写上 serif 代表衬线字体 或 sans-serif 取决于你用的那种字体
  4. Windows系统中,默认的字体就是微软雅黑

3:字体风格:

属性名:font-style

常用值:

  1. normal:正常(默认值)
  2. Italic:斜体(使用字体自带的斜体效果)
  3. oblique:斜体(强制倾斜产生的斜体效果)

注:实现斜体时,更推荐使用 italic

语法:

4:字体粗细:

属性名:font-weight

常用值:

  1. lighter:细,2.normal:正常,3.bold:粗,4.bolder:很粗(但多数字体并不支持)

数值:

1:100~1000且无单位,数值越大,字体越粗,(或一样粗,具体得看字体设计的精准程度)

2:100~300等同于 lighter,400~500等同于normal,600及以上等同于bold

语法:

字体复合写法:

属性名:font,可以把上述字体样式合并成一个属性

编写规则:

  1. 字体大小,字体族必须都写上
  2. 字体族必须是最后一位,字体大小必须倒数第二位
  3. 各个属性用空格来隔开,各个字体用逗号来隔开

实际开发中更推荐复合写法,但这也不是绝对的,例如只想设置字体大小,那就直接用font-size属性

语法:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值