漫画图说CSS+DIV网页布局(中)

本节课时长24分58秒,下载文件21.4兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

使用CSS进行网页布局的基本思想就是:结构化标记,所写即所想,所想即所写。即便书写 CSS 很简单,使用 CSS 来排版却真的需要一种和我们以往有些不同的思维方式。

我们排版时考虑的不是“这个东西放在这儿,那个东西放在那儿”,而是页面中信息的类别和信息的结构。

我们用 h1标记来标示最重要的头条;次一级的条目则用 h2 来标记,以此类推;而段落则放在 p标记中。

这就是我们称之为“结构标记”或“语义标记”的东西。

你的内容将不放在表格和表格元素中,取代它们的是 div 元素。还要给你的 div 元素安排一个 id 或 class,不过这是为了描述它们的内容或功能,而非它们的外观。

在今天的讲解内容中,我们通过两个实例,演示了使用CSS进行网页布局的基本思想,以及用这种方法与用表格布局相比,所带来的巨大的好处。

希望大家在看了这些讲解以后,在头脑中可以建立起来使用CSS/DIV布局思维方式,以及Web标准的意识,这样对今后在工作中更好地运用这些方法,都是具有十分重要的意义的。

30,176


欢迎您发表留言

(须填写)
(须填写,不公开)
请注意:这里输入的HTML代码会被屏蔽,如果需要讨论复杂的具体代码问题,请到我们的论坛发贴,谢谢!

沙发