用CSS 来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，并且在实践中更有意义。
你可以把这一页面的各个部分当作独立的版块来看待，无论你选择哪一块。你可以绝对或相对地用彼块取代此块。

at（@）规则把CSS规则都注入了一个压缩胶囊中，并且应用到指定的某些事物中。喔。

导入

导入import at规则将吞入另外的样式表。比如，如果你需要把另外的样式表的样式添加到现有的，你可以这样做：
@import url(addonstyles.css); 
这经常用来取代连接CSS到HTML中的<link>标签，本质上就是一个内部样式表的形式，看起来像这样：

伪元素（pseudo elements）跟伪类一样吮吸选择符，使用selector:pseudoelement { property: value; }的形式。有四个吮吸器。

首字和首行

首字first-letter 伪元素应用到元素的第一个字，而首行first-line则是元素的顶行。你可以，比如，创建一个首行粗体和首字下沉的段落，像这样：

　　一个客户的旧网站需要更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和表格来做版面设计和空间分配。   

　　像那时建构的很多网站一样，我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本。它没有使用任何CSS的更加强有力的版面设计功能，也没有允许HTML设备独立，而这是CSS可访问性的主要优点之一。

初学div+css网页布局的设计者常常会被一个问题困扰着。
在IE和其他(Mozilla、Opera等)浏览器里显示的效果常常会偏差2px。
这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法：用!important。

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。

CSS语法
The CSS syntax is made up of three parts: a selector, a property and a value:
CSS的语法由三部分组成: 一个选择器，一个属性和一个值：

The selector is normally the HTML element/tag you wish to define, 
the property is the attribute you wish to change, and each property can take a value. 
The property and value are separated by a colon, and surrounded by curly braces:
选择器是你希望去定义的HTML元素/标签，改变属性，每个属性可以有一个值，属性和值由冒号区分开外面用大括号括起来：

How to Insert a Style Sheet
怎样插入样式表

When a browser reads a style sheet, it will format the document according to it. There are three ways of inserting a style sheet: 
当浏览器阅读样式表，它会依据它（样式表）来格式化文档。有三种方法可以插入样式表：

The CSS background properties define the background effects of an element.
CSS的background属性可为元素定义背景效果。

设置背景颜色 Set the background color
This example demonstrates how to set the background color for an element.
实例：

The CSS text properties define the appearance of text.
CSS文字属性可用来定义文字的外观

设置文字的颜色 Set the color of the text
This example demonstrates how to set the color of the text.

The CSS font properties define the font in text.
CSS字体属性可定义文字所使用的字体。

设置文字的字体 Set the font of a text
This example demonstrates how to set a font of a text.
Examples 实例：