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

2019-04-01 互联网 佚名 点击: 评论
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更

天晟网络 小编在整理设计教程 > web设计 > 看到WEB2.0标准教程:第九天 第一个CSS布局实例,下面是小编26为您找到的15228相关内容,希望26对您有帮助。

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

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

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

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

转载文章请标明来自天晟网 timsion.com > 设计教程 > web设计 >
标题:WEB2.0标准教程:第九天 第一个CSS布局实例
网址:http://www.timsion.com/webdesign/15228.html

关键词:CSS div WEB标准 xhtml

上一篇:WEB2.0标准教程:第八天 CSS布局入门
下一篇:WEB2.0标准教程:第十天 自适应高度

免责声明:以上内容来自互联网和用户投稿,不代表本站的观点和立场,版权归原作者所有,如有侵权,请与我们联系。