读书人

CSS文集《The CSS Anthology》 第二章

发布时间: 2012-09-13 09:51:53 作者: rapoo

CSS文集《The CSS Anthology》 第二章 文本格式化及其它基础知识 (1)
第二章 文本格式化及其它基础知识(Text Styling and Other Basics)

《The CSS Anthology(CSS文集)》包含100多个实用的小例子,非常适合入门者学习CSS相关的知识。

1. 用CSS替换<font>标签
曾几何时,在CSS被广泛接纳之前,很多Web开发者都是使用<font>标签在网页上为文本加样式。但是这种方法会导致工作量非常大,试想一下为每一个段落都加上这样一个标签,或者之后客户又要求为这些段落换上新的样式时……而使用CSS的话,只需要改动一处地方即能使新样式应用到所有的标签,非常便利。


图2-1


7.列表项的第一个使用不同风格
有两种方法:一是使用first-child 选择器;二是为第一个列表项添加一个class。
如下图,第一组列表是用first-child选择器的方式;第二级列表则是为第一项设置一个class.但是IE6不支持第一种方式,所以针对于IE6,应该选择第二种方式。


图2-2

8.pg34 为标题加背景颜色
标题标签组(h1, h2, h3, ...)也支持CSS设置background-color属性为其添加背景颜色。
如图所示。

图2-3

9.pg35 带下划线的标题

图2-4

10. pg37 去除标题和紧随着的段落之间的空白

图2-5




读书人网 >CSS

热点推荐