CSS学习-css字体属性(四)

本文详细介绍了CSS中的字体系列(包括font-family选择器)、字体大小(font-size)、字体粗细(font-weight)和文字样式(font-style)。强调了在实际应用中注意单位使用和约定的重要性。
摘要由CSDN通过智能技术生成

1.字体系列


CSS使用font-family属性定义文本的字体系列。
语法:

  • 各种字体之间必须使用英文状态下的逗号隔开
  • 般情况下,如果有空格隔开的多个单词组成的字体,加引号
  • 尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示
  • 最常见的几个字体:body (font-family: 'Microsoft YaHei',tahoma,arial,Hiragino Sans GB’; } 

2.字体大小 

CSS 使用 font-size 属性定义字体大小。
语法:

  • px(像素)大小是我们网页的最常用的单位
  • 谷歌浏览器默认的文字大小为16px
  • 不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认大小
  • 可以给 body 指定整个页面文字的大小 

3.字体粗细

CSS 使用 font-weight 属性设置文本字体的粗细。

语法:

属性值描述
normal默认值(不加粗的)
bold定义粗体(加粗的)
100-900400等同于normal,而700等于bold 注意这个数字后面不跟单位

4.文字样式 

CSS 使用 font-style 属性设置文本的风格。
语法:

属性值作用
normal默认值,浏览器会显示标准的字体样式 font-style:normal;
italic浏览器会显示斜体的字体样式。

5.字体总结 

属性表示注意点
 
font-size字号我们通常用的单位是px像素,一定要跟上单位
 
font-family字体实际工作中按照团队约定来写字体
 
font-weight字体粗细记住加粗是700或者bold,不加粗是normal或者400记住数字不要跟单位
 
font-style字体样式记住倾斜是italic,不倾斜是normal工作中我们最常用normal

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值