当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > css新手上路(4)

HTML/XHTML教程
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(27):单元格的背景图像属性BACKGROUND
HTML表格标记教程(26):单元格标记
HTML表格标记教程(24):行的水平对齐属性ALIGN
HTML表格标记教程(25):行的垂直对齐属性VALIGN
HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(20):行的背景色属性BGCOLOR
HTML表格标记教程(21):行的边框色属性BORDERCOLOR
HTML表格标记教程(19):行标记
HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
HTML表格标记教程(18):表格的表头
HTML表格标记教程(15):表格的标题
HTML表格标记教程(16):标题水平对齐属性ALIGN
HTML表格标记教程(13):内部边框样式属性RULES
HTML表格标记教程(14):表格的表头
HTML教程:html水平线段
XHTML入门学习教程:表格标签的应用
XHTML入门学习教程:XHTML网页图片应用

HTML/XHTML教程 中的 css新手上路(4)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 40 ::
收藏到网摘: n/a

这一节我们将讨论如何用 CSS 来控制元素中字体的形状, 大
小, 风格.

字形
CSS 用来控制字形的性质是 font-family. 你可以用它来决定任何一个元素中文字的字形. 比如

  P.v {font-family: Verdana}
  H2.a {font-family: arial}
This H2's font is "Times New Roman"
This paragraph is using "Verdana" font



有的时候, 你所给的字体浏览器不见得有,你可以多给几种比如

  P {font-family: Verdana, Forte, "Times New Roman"}
上面这个定义可以使得浏览器先用Verdana, 如果没有就用Forte...
记住每个字形之间要用逗号隔开.

大小
用来控制字体大小的性质是 font-size 比如

  P.f12 {font-size: 12pt}
  P.f18 {font-size: 18pt}
This paragraph's font is 12pt

This paragraph's font is 18pt



你可以自己慢慢调整字体的大小直到满意为止. 一般来说, 字
体的大小没什么限制, 但 500 以下比较安全.

斜体
如果想让字体成为斜体, 要用 font-style 性质, 比如

  P {font-style: italic}
This paragraph's font is italic



加重
用 font-weight 来调节文字的粗细, 比如

  P.bold {font-weight: bold}
This paragraph's font is normal

This paragraph's font is bold



font-style 的可能的值是 lighter, normal, bold, bolder

我们只介绍在 Netscape 和 IE 上都通用的性质. 下一节我们讨
论文字的定位.