css之字体属性

fonts属性

css字体(fonts)属性,用于定义字体系列,大小,粗细,和文字样式(如斜体)。

1.字体系列

css使用font-family属性定义文本的字体系列。

p {font-family:"微软雅黑","其他字体1","其他字体2"}

在font-family中,可以设置字体的多种,换句话说就是可以拥有多种字体,
对字体进行设置,而且设置后,依次查找,若是第一种字体有,就用第一种,依次类推。

2.字体大小

p {font-size:20px;}

px是像素的意思,在网页中是最常用的单位。

3.字体粗细

font-weight属性设置文本的粗细。

p {font-weight:  700;}



注意这里的weight后面的数字不需要加px;
其中700相当于加粗。
其中400相当于不加粗,正常。

4.文字样式

p {font-style:normal;}

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

平时更多是让斜体字体(em,i)变得正常化。

5.字体的复合属性

复合属性的简写方式,节约代码,必须严格按照以下的书写方式来,不能随意颠倒。

p {font:font-style font-weight font-size/line-hight font-family; }


实例:

p {font:italic 700 16px '微软雅黑'; }

不需要设置的属性可以省略,但font-size和font-family必须有。

6. 字体属性总结

属性表示注意点
font-size字号通常用的单位是px像素,一定要跟上单位
font-family字体按照要求写就行
font-weight字体粗细记住粗是700或者hold,不加粗是normal或者400,记住数字不跟单位
font-stlye字体样式记住斜体是italic,不是斜体是normal,工作中最常用的是normal
font字体连写1.字体连写有顺序,不能随意变化位置,2,其中字号和字体是必须同时出现。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值