首页 > 开发 > CSS > 正文

WEB2.0标准教程:第九天 第一个CSS布局实例

2020-07-05 13:47:05
字体:
来源:转载
供稿:网友

接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。
注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事情都有得有失,取舍在于你的价值判断。好,不罗嗦了,我们开始:

1.确定布局
w3cn的最初设计草图如下:

用表格的设计方法的话,一般都是上中下三行布局。

用DIV的话,我考虑使用三列来布局,成为这样

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表