高于一切的标题 H1

除了两列等高、高度随文章内容自适应这样的常规布局要求之外,还有补充要求:在写结构时,不论 <h1> 嵌套在多少层 <div> 标签中,它必须是第一个出现的实体标签,即裸奔时出现在页面的最顶部。这也是这道习题最有意思的部分,它强调了结构的重要性,考虑到文档流顺序与 SEO,其意义远远超过一般的 CSS 习题。这也就是我们常说的:为结构写样式,而不是为样式写结构。

二级标题 H2

好站推荐:猿笔记 - 编程开发工具,技巧,文档,教程,代码片段,速查表,备忘录 —— “好记性不如烂笔头”,一时想不起来的编程知识点,就到猿笔记来查一查吧!

两列等高由背景色实现,同时列高度可以自适应文章内容,鼠标移上来可以测试。内容可任意增加,比如这些文字出现后,会自动撑开页面高度。这个 hover 效果是由纯 CSS 实现的,在 IE6 下也可以正常工作。避开 IE6 的 hover 伪类 bug 需要一点小技巧,有兴趣可以看 CSS 源码。

导航

Copyright © 2008, Domain.com