Css+Div网页标准

html-css07

Css+Div网页标准,第1张

楼主,您要用DIV+CSS制作网页其实不是很难的,先说下步骤:

首先您先看设计效果图大概了解下布局,div+css其实就是N个盒子(块)组成一个网页,所以您先把网页基本的机各块给定下来再逐一加上内容也就是分解

如下:

#box (这个是最外边的DIV包含所有内容的盒子)

#top (这个是网页头部)

#main (这个是网页主体)

#links (这个是侧栏)

#footer (底部注释)

一般都分成这几个块,接下来如何做呢?

就拿头部来说吧TOP包含LOGO、banner、menu等等几个块

那我们就把TOP再分解掉:分成3部分

这里就用class类来定义了

.logo

.banner

.menu

其他的也是这样做。

总结:就是内容逐步的分开再逐步的加进去

把整个网页看做一个盒子把他再分成几个小盒子也就是最上面的那5个

然后再把TOP看成是一个大盒子把他分成.logo.banner.menu 3个小盒子

如果还有其他内容的话我们就再分下去,回过头来看以下哦~!原来就是

盒子套盒子啊呵呵其实就是这么简单,所以您得先理解盒子模型后再来

制作的话他比表格要好做多了(熟悉CSS哦)好了很晚了就这样吧,还有不明白的话就HI下我。

这样的回答您满意吧?加油~!说不定以后还一起工作呢哈哈

不太清楚你的问题。

对于DIV的布局,正常情况下有两种组合。这个对我个人的做法:

1,以浏览器为参考物,所有内容div使用绝对定位position:absolute。

2,使用标准流,从上而下布局,与float,clear,三者结合使用。