No. 214

　　定义了最上面的导航（ul部分），左边的大logo和那个圆圆的No.xxxx的标记.。

　　他没有使用DIV来做顶部的框架，但却很好的说明了这些代码的用途，为什么?因为他活用了HTML提供的标签,以及样式名称的定义

编辑本段流行优势

　　1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

　　2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。

　　3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。

　　4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。

　　5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。

　　6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。

编辑本段嵌入方式

　　行内套用

　　我们可以在HTML文件内直接宣告样式。

　　举例来说，Thisisfontsize16.

　　以上的HTML文件在浏览器上会显现为：Thisisfontsize16.

　　嵌入套用样式可以嵌入于HTML文件中(通常是在内)。

　　举例来说，背景颜色是红色

　　以上的HTML会显现出：背景颜色是红色

　　外部连接套用在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。

　　该档案通常名称为.css。

　　在HTML文件的

　　以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。

　　汇入套用汇入套用外部的CSS样式也可以被汇入进HTML文件。

　　汇入的做法为利用@import这个指令。

　　@import的语法为：

　　@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，後被加入的CSS样式有优先的顺位(详情请见CSS串接)。

　　还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法:

　　这个代码通过直接嵌入标签的形式，使得标签内的文字更改颜色，而且根据css的优先调用级直接嵌入标签的写法也更直接更优先选择调用。