Login
网站首页 > 文章中心 > 其它

css布局方法与表格布局方法相比

作者:小编 更新时间:2023-07-21 07:19:49 浏览量:343人看过

css通过控制页面中的流来布局,通常通过浮动等方式,来布局。表格是通过设置表格了,然后往表格中的某一个单元格中填内容来实现。

简单说,CSS就是化妆品,脸还是那张脸,,你所说的CSS控制和TABLE有什么不同,,,两个不是一个意义上的,没对比可言,,,

可能你是问CSS◆DIV布局和TABLE的不同吧。

用css控制div、header、nav、ul等各种标签,html代码与布局分离,html结构更合理,更语义化。

而且现在触摸时代,表格结构的网站在手机、平板以及未来可能出现的各种设备上表现不如css控制布局的网站。css布局的网站同一套html代码,可以方便的适应各种设备,为电脑、手机、平板等各类硬件呈现出不同的设计版面,你本站下:css媒体查询

css如何控制学问就大了,三言两语说不清楚,有兴趣新华书店买两本书学几个月就入门了。css非常好学,就是小陷阱比较多..

css布局方法与表格布局方法相比-图1

这样说你应该懂了吧。来点简单的添加长宽高吧。

css的:

样式表:

#wrap{width:100px;height:50px;}

页面代码:

内容

table的

css布局方法与表格布局方法相比-图2

页面代码

内容

网页面布局:

1、TABLE表格布局。

有甚者优点:布局容易、快捷、兼容性好。

缺点:改动不便,需重新调整,工作量大。

css布局方法与表格布局方法相比-图3

2、DIV◆CSS。

优点:布局灵活、改动方便。

缺点:需考虑平台的兼容性,对制作人员技能要求转高。

div◆css

优点在于

可以比table节省代码

如果你要修改样式

改一句css

div里面所有的都会跟这变

缺点就是

相对于table复杂

tabel

可以直接生成

缺点就是tr

td

太多了

网络传输

需要精和小

而且样式修改起来复杂

而且样式修改起来复杂div主要用来给网站布局,定位,而表格主要是用来承载数据的,一般不用来布局,div布局比较灵活,比如说可以用float属性把整个页面的布局改变,而table却不灵活,所以该用哪个应视情况而定,也不一定说table就没有div好,希望对你有帮助。

以上就是土嘎嘎小编大虾米为大家整理的css布局方法与表格布局方法相比相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章