和
这两个是到处都要用到的钢铁横梁，你将用它们构建一些严格的支持结构，一旦把这些结构放到合适的位置，就能用全新而强大的方式样式化它们了。
是把块级的内容分成不同的逻辑部分；
元素跟
工作方式一样，用来把内联内容分成不同的逻辑部分。 1、什么时候该用
而不用别的内联元素（如或）呢？ 通常，要用跟内容的意思最匹配的元素来标记内容。所以，如果想强调某些单词，就用；如果想重点强调，就用。但是，如果你真正的目的只是改变某些文字的样式，就应该用并且把元素放进适当的类中组成一组，一起设计样式。 六、元素 1、元素跟别的元素不一样，它的样式随它的状态而改变。 （1）没点击过的链接，叫做“未被访问过的链接（unvisited link）”，或者简单叫做“链接（link）”，默认值是蓝色的。 （2）点击过的链接，叫做“已访问的链接（visited link）”。通常用不同的颜色显示，便于你区分。大多数浏览器中，默认是紫色的。 （3）如果鼠标停在链接上而不被点击，就叫做“鼠标停留在链接上（hovering）”。在一些浏览器中，你会看到一个显示“title”属性文本的工具条。 还有其他的链接状态：focus（聚焦）和active（激活）。focus状态是指浏览器聚焦于连接上的状态。在有些浏览器中可以按Tab键跳过页面上所有的链接。当浏览器停在一个链接上时，这个链接就有了“focus”。active状态发生在当用户第一次点击一个链接时。注意：有些浏览器并不能很好地支持它们。 2、伪类(pseudo-classes)：作用和类一样，但不是真的类。即可以样式化pseudo-class，但没有人会把它们打进XHTML中。那它们是怎么工作的？这得感谢浏览器。浏览器仔细检查所有的元素，并把它们添加到正确的伪类中。如一个链接是被访问过的，就把它加进“visited”类中。用户鼠标停留的链接浏览器会把它扔进“hover”类中。没有用户鼠标停留的链接浏览器就把它从“hover”类中拽出来。也就是说所有的类都在那儿，浏览器从后台添加或删除元素。 用伪类可以样式化一些由浏览器决定属于哪个“类”的元素。 样式化链接的方法： a:link{ color:green; /*这个选择符选择未被访问的链接*/ } a:visited{ color:red; /*这个选择符选择已被访问的链接*/ } a:hover{ background:#f88396; /*这个是相当有趣的规则。当用户把鼠标停留在连接上，背景颜色就会变成红丝，这时，链接看起来更突出了。这句只是个尝试，不是必须的。*/ color:yellow; /*这个选择符选择鼠标停留在上面的链接*/ } 问题：那伪类是不是只用于链接呢？ 不是的，也用于别的元素。有些浏览器也能支持像激活和停留在其他种类的元素这样的伪类，而且还有其他一些伪类。例如，伪类:first-child是赋值于元素的第一个孩子，像一个
中的第一段。不过除了:link、:visited和:hover，使用其他伪类时都要注意，因为浏览器不一定都支持它们。
