2021-10-20 分类: 网站建设
在网站推广中,几年前div+CSS开始逐渐成为网页设计的选方式,目前来看,div+CSS已成为网页设计的标准,国内非常多的网站在这几年已完成了从TaBLE到div+CSS的重构。那么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之间区别
分享网址:https://www.cdcxhl.com/news/132032.html
成都网站建设公司_创新互联,为您提供移动网站建设、做网站、商城网站、动态网站、电子商务、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容