Notice网站公告
Solution解决方案
DIV CSS技术首页 > 知识中心 > DIV CSS技术 >

DIV CSS常见问题

  在代码编程中任何一种代码都会出现小问题,而小问题却往往会造成大问题,浪费很多时间来调试和排错。下面将是CSS网页布局中容易犯的一些问题,希望能够帮助你修正你可能会犯的问题,提升你的前端开发效率。DIV CSS在网页设计中应该怎样运用?
1.清除浮动。
.Clear{clear:both; font-size:0; height:0; line-height:0;} 。
2.重新设置默认样式。
一些属性如Margin、Padding等,在不同浏览器中会有不一样的解释。所以最好在开发之前首先要将全体的Margin、Padding设置为0,列表样式也要设置None。
3.Float元素是不能够指定Margin和Padding等属性的。
IE会在显示指定Margin和Padding的Float元素时会有Bug。所以不要对Float元素指定Margin和Padding属性(可以在Float元素内部嵌套一个DIV来设置Margin和Padding)。也可以使用Hack方法来为IE指定特别的值。
4.删除法可以用来确定错误发生的位置。
在错误影响了整体布局时,可以逐个删除DIV块,一直到删除某个DIV块后显示恢复正常时,就可以确定错误发生的位置。
5.引用样式和脚本语言时type属性不可以省略掉。
<script language="javascript" type="text/javascript">注意:type="text/javascript"不能省略。
6.属性值中空格的处理。
在属性值中开头和结尾的所有空格将会被忽略。属性值中词与词之间的多个空格或者是换行符被认为成单个的空格。如下两个属性的值相同:<input value="HTML is out" /><input value=" HTML is  out " /> 。
7.区分大小写。
在XHTML中CSS里定义的元素名称是区分大小写的。为了避免这种错误的发生,我个人建议所有的定义名称都采用小写。class和id的值在HTML和XHTML中也是区分大小写的,如果是大小写混合写的,请仔细确认在CSS的定义和XHTML里的标签是否一致。
8.CSS中的浮动。
CSS中的浮动一个常见的CSS问题,在定位使用浮动时,下面的层被浮动的层所覆盖,或者是层里嵌套的子层超出外层的范围。解决办法通常是在浮动层后添加一个额外的元素。
9.float元素一定要指定width属性
在很多浏览器中浏览器会显示没有指定width的float元素时会有bug。所以不管float元素的内容怎样,一定要指定width属性。另外指定元素时尽量用em不要用px做单位。
 

网站页面设计

 

网林时代:北京网站建设专业机构,10年建站经验,服务客户1000多家!
网址:www.awanglin.net www.awanglin.com 点击浏览经典案例