1. 爱易网页
  2. CSS教程
  3. CSS运用基础教程(5) 文字性质

CSS运用基础教程(5) 文字性质

日期：2013-06-13　 浏览次数：21239 次

本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用

　　本章要引见的是文字相关的ＣＳＳ指令。通 常一个网站的内容最多的就是文字了，透过这些文字相关的ＣＳＳ指令，您可以将您的 网页内容排版得美美的。本章将分两个部份为您引见，第一部份是字型性质的ＣＳＳ指 令，用以控制文字字型的各种款式；第二部份引见的是文字性质的ＣＳＳ指令，用以控 制文字段落的外观及摆设方式。
字　型　性　质　的　Ｃ　Ｓ　Ｓ　指　令

font-family　设定文字字型
支　持：ＩＥ３、ＩＥ４
适　用：所有元素
可能值：
<family-name>字型名称
预设值：视浏览器而定
承继性：有
普通范例：SPAN { family-name : "标楷体" }
同轴范例：<SPAN style="family-name:标楷体">


font-style　设定字体款式
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：所有元素
可能值：
normal普通字
italic斜体字
oblique斜体字
预设值：normal
承继性：有
普通范例：SPAN { font-style : italic }
同轴范例：<SPAN style="font-style:italic">


font-weight　设定字型份量
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：所有元素
可能值：
normal普通字
bold粗体字
bolder绝对于父元素稍粗
lighter绝对于父元素稍细
100,200,300,
400,500,600,
700,800,900.		数字由小到大代表笔画由细到粗
normal=400　bold=700
预设值：normal
承继性：有
普通范例：SPAN { font-weight : bolder }
同轴范例：<SPAN style="font-weight:bolder">


font-size　设定文字大小
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：所有元素
可能值：
<absolute-size>绝对大小，可用的参数由小到大分别有七项
xx-small, x-small, small, medium, large, x-large, xx-large
<relative-size>绝对大小，可用的参数为larger, smaller两项
以父元素字型大小为基准
<lenght>长度单位，请参考第一章基本单位的相关说明
<percentage>百分比，以父元素字型大小为基准
预设值：medium
承继性：有
普通范例：SPAN { font-size : 12pt }
同轴范例：<SPAN style="font-size:12pt">

相关资料更多>

  1. 简化的CSS Reset:15套CSS重设实例
  2. 网页制造技巧总结:XHTML标签和CSS属性的适用性
  3. 网页制造技巧:肃清浮动和图片水平垂直居中
  4. CSS语法手册（五）颜色和背景属性
  5. CSS制造网页的类以及ids的命名
  6. CSS3实例教程:hover、active和:focus伪选择器
  7. 一句css代码完成网站变黑色
  8. CSS选择符命名的几个准绳
  9. CSS代码实例：十分酷的角BANNER