您当前位置 :威创网络 >> 常见问题 >>网站建设使用“DIV+CSS”有什么优势-应该怎么使用

相关新闻

网站建设使用“DIV+CSS”有什么优势-应该怎么使用

时间:2017-03-07 09:18:44 浏览:3311

关于div+css大家都不会感到陌生,在现如今的网站建设中很多站长都抛弃了表格定位,采用div+css的方式来代替,从优化的角度讲,div+css更有利于贴合搜索引擎的抓取,符合蜘蛛的抓取习惯,对网站后期优化也是有一定发展空间的,那么期间有很多站长在应用div+css会时常出现一些错误,接下来深圳威创网站建设就将这些常见的错误进行总和,我们一起来看看。

     检查css是否有误,检查代码是否存在拼写错误,忘记闭合标签等现象,我们可以利用cleancss来检查css的拼写错误,cleancss的主体是为css“减肥”的工具,但同时也能够检测出拼写错误。

     检查html元素是否也存在拼写错误,包括闭合标签等,即使是一些老站长也可能会出现将div的嵌套关系弄混的现象,对于这个问题我们可以使用DW的验证功能进行检测。

     float父元素并不支持clear属性,macie下如果对float父元素使用clear属性,那么周围的float布局就会乱,这也是我们都知道的macie的一个比较明显的bug,如果不了解这个就会走不少弯路,所以这个需要我们注意。

     另外关于float元素问题就是必须将其指定为width属性,很多浏览器在显示未指定width的float元素时都会出现bug,所以不管元素内容如何,一定要为其指定width属性,在指定元素时建议使用em做数据单位。

     如果出现某个错误影响了网站整体布局,那么可以采用排除法来对div进行检测,直到恢复正常,即可确定此错误发生的位置。

     另外一个就是利用border属性来确定出错元素的布局特性,使用float属性布局其实很容易出错,这时为元素添加border属性来确定元素边界,错误的原因就可一目了然。

     其中我们还需要知道float元素不能指定margin和padding等属性,ie在显示指定了margin和padding的float元素时会出现bug,所以不要对float元素指定margin和padding的属性,可以使用嵌套div来设置margin和padding,也可以使用hack方法为ie指定特别的数值。

     对于某些属性,由于浏览器的不同也会有不同的解释,所以尽可能地在开发前就将全体的margin和padding设置为零,列表样式设置为none等。

     float元素的宽度之和不能大于百分之百,你想想,如果float元素的宽度正好控制在百分之百,那么那些版本比较旧的浏览器肯定就不会正常显示,所以请务必使其宽度之和小于百分之九十九。

     通过对上面的错误总结,相信很多站长常犯的错误也会出现在以上的几类,所以通过对这块儿的总结、分析,希望之后尽可能地避免这类错误的发生。

本文标签:网站建设DIV+CSS的优势 (编辑:威创网络))

上一篇: 深圳企业建设网站怎样节省网站建设成本
下一篇: 深圳网站建设-网站打开速度怎样进行提升

精耕细作,铸就威创

你准备好了吗?

VICTRON威创互联网建站专家

您有一个好的想法,有一个好的互联网项目都可以找们谈谈,你可以填写右侧表格表达您的想法或者致电给我们,
我们看到信息后将第一时间联系您。

地址:深圳市龙华新区民治皇嘉梅陇公馆A座14楼(深圳市总部)

业务热线:0755-28178076

大客户专线:15813855104

传真:0755-28178076

E-mail:765449127@qq.com

合作意向表

返回