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

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 95 ::
收藏到网摘: 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 上都通用的性质. 下一节我们讨
论文字的定位.