Css+Div网页标准

来源:百度知道 编辑:UC知道 时间:2024/05/08 19:29:07
我刚学完CSS,也在网上看了一些教程,但是老师要求我们用CSS div做个网页,就是不知道该怎么入手,只会用table做,但是都说table网页很垃圾,以后用不上,望指教一下CSS DIV怎么着手

楼主,您要用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+CSS方式就是通过CSS控制DIV的显示,即使没有CSS的存在,网页也能按照默认的方式很好的显示,手机浏览时也能保持特性。

所以入手很简单,就是创建div然后通过css控制。例如:
有<div id=example class=examplea></div>
CSS:
#example {border:1px solid red;/*按照ID方式绑定元素*/}
.examplea {border:1px solid red;/*按照class调用的方式引用样式*/}

===============
建议学会DIV+CSS布局