网页设计采用DIV+CSS相比TABLE的上风有哪些
网页设计采用DIV+CSS，最大的上风是实现网页代码的标准化，放弃过时的表格布局体例，实现了内容、体现和举动这3者间的星散，html代码结构性更好，阅读和维护更容易，同时网页文件大小也更小。比如最近给一个客户的网站重构后，网页文件大小不到原来的一半，因此占用更少的网站空间，网站打开速度也更快。
DIV+CSS与TABLE体例在设计时差别很大，网页开始设计前必要细心规划，比如对组成网页的各部分元素命名，方便在css中进行样式定义，公共属性部分最好用类名定义。整个网站通用的样式可以放到单独的一个css文件中，常有的公共属性有：网页宽度、背景颜色、背景图片、字体默认大小、颜色、链接样式等，每个网页不同的样式在css文件中最好集中一块，并在块前说明是哪个网页或哪个网页部分，如许既精简css文件大小，又避免出现紊乱，对维护也更方便。值得一提的是，网页代码中不要嵌入样式，彻底实现内容和样式的星散。
做好DIV+CSS的网页设计，小我决得有三点必要重点理解。
1、float属性：DIV（层）默认是占有一整行，对于常见的两列或多列布局的设计，必要能够精确设置float及width属性实现结果。多列布局结束后假如跟了一个占有通栏的层，此时必要设置clear属性消灭层浮动。
2、盒模式：层具有宽度width、高度height、边框border、内间距padding和外间距margin等属性，而层现实占有的空间是上述属性值相加的大小，合理运用这些属性能实现紧凑而又美观的网页布局。
3、层嵌套：有经验的网页设计师都知道层不宜嵌套过多，一样平常不超过3层，嵌套过多的会导致代码复杂冗余、维护困难及运行慢的题目。另外，在多列布局时完全可以用层浮动实现，不必要团体设置一个ie层来嵌入。
单独提下欣赏器兼容的话题。DIV+CSS相比TABLE布局，更容易出现多种欣赏器不兼容的题目，重要缘故原由是不同的欣赏器对web标准默认值不同。国内主流是ie，firefox及chrome用的较少，在兼容性测试方面，首先必要保证在ie多版本不出现题目，这里设计到一些方法和技巧，可以针对详细题目在网站查找解决办法。
总结：DIV+CSS相比TABLE有根多的上风，网页设计师应该及早放弃TABLE体例，如许更有利于督促本身深入学习DIV+CSS知识。学习并使用DIV+CSS的网页设计体例并不难，只要了解一些基础知识，然后多做几个案例就能渐渐理解掌握。
来源：易达高端网站建设 http://www.edaSEO.com/yiyom9645
