码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础——字体

时间:2018-03-22 10:49:45      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:类型   特殊   文字   而不是   body   rda   定义   引号   空格   

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基础——字体

标签:类型   特殊   文字   而不是   body   rda   定义   引号   空格   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!