div+css布局是通过模块的布局理念 是取代table布局的新布局理念table已经被设计师们淘汰出局了,在不要的一些数据表格中才会用到,不利于网页的打开速度
简单的说,CSS写在head里的,DIV是逐行去编译,不用考虑太多。TABLE要去找到对应的才去显示中间的东西。效率上不如DIV,收录上也不如DIV,显示速度上,也不如DIV。不过,浏览器太多样化,导致DIV对浏览器的兼容性比较麻烦,光IE6,7,8对一些标签的解释都不一样。不过还是能有办法做到兼容。DIV布局有点多多。
用Div排版代码少简单,对优化有TABLE排版容易做,但无用代码太多,不利于优化
各地新华书店,网页制作那个柜子有一柜子的书讲这个,去书店看看吧,这不是三言两语能让你上手的,骚年。
这个,关键是看你想排成什么样拉。
DIV+CSS 固定宽度且居中目前主要有2种实现方法:以下举例中的 固定宽度即为container的宽度方法一:/* CSS Document */body,html{margin:0px;padding:0px;text-align:center;}#container{position:relative;margin:0px;padding:0px;width:700px;text-align:left;}方法二:/* CSS Document */body,html{margin:0px;padding:0px;}#container{position:relative;left:50%;width:700px;margin-left:-350margin:0px;}相对来说 第一种方法使用者居多,利于操作!你可以复制代码自己尝试希望对你有帮助
各地新华书店,网页制作那个柜子有一柜子的书讲这个,去书店看看吧,这不是三言两语能让你上手的,骚年。
你完全没有必要去追寻有几种方法关键是你要理解CSS和div的相关属性和用法只要理解透了,你就可以自己运用很多方法!
先要理解一下网页的基本构成,就像人一样,他有头身体脚一般头和脚都是不变的,然后把各个部位用div做一个大的框架,然后再雕刻细节。说白了,跟画画一个样,画草图,框架,然后描绘细节。
div+css就是结构和表现分开。div是结构,是网页的骨骼,包括了组成页面的基本元素div,ul,li,dl,dt,dd,img等,还包括静态显示的部分文字。css是表现,是网页的血肉,是让你的页面从排版到颜色显得丰富多彩的主要元素。同一个div,如果应用不同的css,将会显示出不同的样子。而同一个css,可以反复在页面调用,这也让页面代码变得简洁,提高了执行效率。在兼容性方面也比表格的要好(前提是div+css符合规范),这主要是指跨设备跨平台方面。
你想问什么?div+css现在是网页布局的主流方式了,比较以往的table布局有更多的灵活性,可扩展性。由于样式被写在外部文件当中,所有当我们要改变页面样式的时候,就会很轻松只需要在css文件中修改样式就能达到我们想要的任何页面效果,而无需去修改页面代码
div就是盒模型,css就是网页的样式
推荐使用成熟的css框架产品,例如渴切-开源中文css框架,bootstrap
布局方法很多,就像以前采用 table 一样,同样的页面可以采用不同的表格嵌套方法来实现。你一开始,可以先简单理解成,div 的出现就是为了在某种程度上代替 table。
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离
楼上的真是喜欢装,还贴代码,就这代码能说明什么???用div排版最重要的当然是要做到各个浏览器的兼容,写样式的时候必须遵照css hack的写法!!