栏目搜索
 
 
 
 
你的位置:首页 > CSS > 使用Web标准建站第9天:CSS布局入门 >
 

使用Web标准建站第9天:CSS布局入门

发布者:[本站编辑] | 来源:[]

使用Web标准建站第9天:CSS布局入门_电脑维修资料库

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

  用表格的设计方法的话,一般都是上中下三行布局。用div的话,我考虑使用三列来布局,成为这样。chinaitpower.combntpwyp
2.定义body样式
  先定义整个页面的body的样式,代码如下:chinaitpower.combntpwyp
body { margin: 0px;padding: 0px; background: url(../images/bg_logo.gif) #fefefe no-repeat right bottom;font-family: 'lucida grande','lucida sans unicode','宋体','新宋体',arial,verdana,sans-serif;color: #666;font-size:12px;line-height:150%; } </t

 
返回列表 返回CSS