欢迎来到深圳网站建设深圳网站制作深圳网站设计深圳做网站软件开发建站公司!
咨询电话:18135835689 | 15643729092 | 网站地图 | sitemap.xml
深圳网站制作:Div+CSS10个常见错误
发布时间:2020-01-07 09:26 来源:深圳网站制作 作者:www.9lh9.com 浏览次数:
CSS+DIV是网站规范(或称“WEB规范”)中常用的专业术语之一,一般 以便说明与HTML网页设计语言中的表格(table)定位方式的差别,由于XHTML网站设计规范中,不再使用表格定位技术,反而是选用CSS+DIV的方式完成各种定位。运用应用CSS+DIV编码时非常容易犯一些错误。下边惟零广告为大伙儿罗列了十大普遍错误:
 
1、检测HTML元素是不是有拼写错误、是否忘了结束标识
 
就算是老手也常常会搞错div的嵌套关系。可以用dreamweaver的检验功能检查有没有错误。
 
2、找寻产生错误的具体位置
 
假如错误干扰了总体布局,则可以逐一删掉div块,直至删掉某个div块后显示完全恢复,就可以确认错误产生的部位。
 
3、检测CSS是否恰当
 
检测CSS是否出现拼写错误、是不是忘了结尾的}等。可以运用CleanCSS来检测,CSS的拼写错误。CleanCSS本是为CSS瘦身的专用工具,但还可以检测出拼写错误。
 
4、运用border属性确认出错元素的布局特性
 
选用float属性布局无意间就会出错。这时候为元素加上border属性确认元素界限,错误原因即真相大白。
 
5、尽可能给float元素特定width属性
 
许多浏览器在显示未指定width的float元素时会有bug。因而无论float元素的内容怎样,必须要为其特定width属性。
 
此外特定元素时尽可能选用em而不是px做单位。
 
6、留意float元素的父元素不可以指定clear属性
 
MacIE下假如对float的元素的父元素选用clear属性,周边的float元素布局就会错乱。这也是MacIE的有名的bug,假若不清楚就会迷失方向。
 
7、float元素不可以指定margin和padding等属性
 
IE在显示指定了margin和padding的float元素时有bug。因而不可以对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设定margin和padding)。还可以选用hack方法为IE特定特别的值。
 
8、是否重置了默认的样式?
 
某一些属性如margin、padding等,不同浏览器会有不一样的解析。因而最好在开发前先将整体的margin、padding设定为0、列表样式设定为none等。
 
9、float元素的宽度总和要低于100%
 
假如float元素的宽度总和恰好是100%,一些原始的浏览器将无法正常显示。因而请确保宽度总和低于99%。
 
10、是否忘记了写DTD?
 
假如不管怎样调节不同浏览器显示结果依然不同,那么可以检查一下页面打头是否忘记了写下面这行DTD。(即HTML代码上边的声明)
 
  乐惠建站公司是一家专注于深圳网站建设、深圳网站制作深圳做网站、深圳网站设计、深圳APP开发、深圳小程序开发、深圳SEO、深圳网站优化为主的营销型网络公司。业务电话:17644031213;客服电话:18135835689
 
深圳网站设计案例
响应式医疗器械医院诊断设备类
响应式中医医药药膏铺类网站案
高端企业广告设计服务类网站案
高端网站制作
服务热线