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

CSS---------------之文本类型

时间:2016-05-01 21:39:13      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:

通过font来改变文本,主要从以下几个方面

  • 字体加粗,字体的风格:斜体和字体变形:小型大写字母
  • 字体的大小
  • 行高
  • 字体

示例如下

  p{font:italic 75%/125% "Comic Sans MS",cursive;}

这条规则定义了字体的几个属性,使整个段落文本都变成斜体。

字体大小设置为每个段落父元素字体大小的3/4,行高设置为125%(比常规的间隔稍大一些)。

文本字体设置为 Comic Sans MS,假如该字体不被浏览器支持则使用默认字体:cursive。

这条规则还把bold和small-caps这些效果给去掉了(设置它们的值为normal)

 

字体:注意事项  font-family

  1 由于无法预料用户是否可以访问样式表里定义的字体。所以在设置字体时,在属性后制定一个替代的字体列表是个不错的主意。

  2 在这个字体列表的最后加上系统字体中的一个。如 :serif,sans-serif,cursive,fantasy或monospace

  如果字体不支持样式表里设置的字体特征,浏览器会使用另外一种字体。

 

字号:font-size 

行高 line-height

  行高用来指定行与行之间的距离(行间距)。

装饰 text-decoration

  指定文本风格 underline 双下划线  line-through  下划线 none 取消

   font-style 指定文本样式  normal 、italic 、oblique、inherit

 font-weight 指定文本是否加粗

  默认值:normal

  适用于:所有元素

  继承:支持  

  可取值:normal | bold | bolder | lighter| 100 |200 |300|400|500|600|700|800|900|inherit

  

     

CSS---------------之文本类型

标签:

原文地址:http://www.cnblogs.com/czhyuwj/p/5451133.html

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