首页 > Web开发 > 详细

CSS基础——字体

时间:2018-03-22 10:15:06      阅读:189      评论:0      收藏:0      [点我收藏+]

1、font-family:设置字体类型

  <family-name>:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文,则应使用引号括起 . 

  • user agent会遍历定义的字体序列,直到匹配到某个字体为止。
  • body { font-family: helvetica, verdana, sans-serif; }
    • 如上字体定义,假设你机器上没有helvetica字体,但有verdana,这时将会以verdana显示你的文字。

 

2、color :字体颜色  

  可以使用Color Name(颜色名称), HEX, RGB, RGBA, HSL, HSLA, transparent来指定color。 

  由于不同浏览器对颜色名称的渲染不同,建议使用 #hex 表示颜色。

 

3、font-style:设置字体样式  

  normal:
指定文本字体样式为正常的字体
  italic:
指定文本字体样式为斜体。对于没有设计斜体的特殊字体,如果要使用斜体外观将应用oblique
  oblique:
指定文本字体样式为倾斜的字体。人为的使文字倾斜,而不是去选取字体中的斜体字 

 4、font-size:设置字体尺寸,一般用px

  可以设置绝对尺寸,也可以设置相对尺寸。

 

5、font-weight:设置字体粗细

  normal:正常字体

  bold:粗体

  bolder:定义比继承值更重的值

  lighter:定义比继承值更轻的值

  一般直接用数字,400、800等即可。

  

  

 

CSS基础——字体

原文:https://www.cnblogs.com/yz9110/p/8621370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!