当前位置:天才代写 > tutorial > 网页教程 > DIV+CSS你该注意什么问题?

DIV+CSS你该注意什么问题?

2018-05-17 08:00 星期四 所属: 网页教程 浏览:351

  就算是熟手也会经常把div的嵌套关系弄错,所以我们要检查html元素有没有拼写错误、有没有忘记结束标记。我们就可以用Dreamweaver存在的验证功能检查一下有没有错误。

  (一)检查HTML元素有没有拼写错误以及有没有忘记结束标记

  就算是熟手也会经常弄错div的嵌套关系,能用dreamweaver的验证功能检查有没有错误。

  (二)检查css是否正确

  检查有没有拼写错误以及忘记结尾的}等等。能用CleanCSS检查CSS是否拼写错误。CleanCSS也可以检查出拼写错误。

  (三)确定发生错误的位置

  要是错误影响了整体布局,就能一个一个的删除div块,一直到删除某个div块以后显示恢复正常,就可以确定发生错误的位置。

DIV+CSS需要注意的问题_css教程_css基础_课课家

  (四)利用border属性可以确定出错元素的布局特性

  用float属性布局很容易出错。然后,为元素添加border属性确定元素边界,错误的原因就很容易知道。

  (五)float元素的父元素不可以指定clear属性

  要是MacIE下对float的元素的父元素运用clear属性,周围的float元素布局就产生混乱。这就是MacIE的bug,要是不懂就会走弯路。

  (六)float元素一定要指定width属性

  有的浏览器显示未指定width的时候,float元素会有bug。这就是为什么不论float元素的内容怎样,都要为它指定width属性。

  注意:指定元素时尽量要使用em而不是px做单位。

  (七)float元素不可以指定margin以及padding等属性

  IE在显示的时候指定了margin以及padding的float元素时有bug。所以不要对float元素指定margin以及padding属性,就是说能在float元素内部嵌套一个div设置margin以及padding,也能用hack方法为IE指定不寻常的值。

  (八)float元素的宽度的和要小于100%

  要是float元素的宽度之和刚好是100%,有些浏览器就会不可以正常显示。所以要保证宽度的和要小于99%。

  (九)有没有重设默认的样式

  有些属性,例如:margin、padding等等,不一样的浏览器就会有不同的解释。所以最好在开发之前把将全体的margin以及padding设置为0,然后把列表样式设置为none等等。

  (十)有没有忘记写DTD

  要是怎样调整不同浏览器显示结果都不太,就能检查页面开头有没有忘了写以下DTD:

DTD

  div以及css之间的嵌套有许多需要注意的问题。在上面我们都介绍过了,相信大家都有一定的了解了。我们网站会给大家介绍更多关于css的内容,要是大家感兴趣可以关注一下我们的网站:课课家教育。

 

    关键字:

天才代写-代写联系方式