CSS技巧:!important和空格的组合技巧及其他

转载 2007年09月25日 21:06:00
先温习一下对于IE的box-model的破解    
IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本,这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服。    
   
http://www.tantek.com/CSS/Examples/boxmodelhack.html    
IE5.X/win对box-model的解析是一样的,他们认为width包括了边框(border)和补白(padding),幸运的是这个情况在IE6中有了好转。    
   
但是IE6在向后兼容的同时也包容了以前的错误,IE6其实有两个核心,在旧的页面前他仍旧表现出对错误的宽容,只有在文档中严格地加上文档类型(DOCTYPE)声明,IE6才能够接受正确的box-model。    
   
所以,tantak的hack必须和正确的DOCTYPE同时包含在文档中才能够正常工作    
   
div.content 
{     
width
:400px; //这个是错误的width,所有浏览器都读到了    
voice-family
: ""}
""; //IE5.X/win忽略了""}""后的内容    
voice-family:inherit;    
width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的    
}     
html>body .content 
{ //html>body是CSS2的写法    
width
:300px; //支持CSS2该写法的浏览器有幸读到了这一句    
}
     
   
现在回到主题,我们经常看到!important和(空格)
/**/:组合在一起使用,这个写法有什么奥妙呢?    
   
看刚才那个写法,我这里可以提供另一种写法也能达到这样的效果    
   
div.content 
{     
width
:300px !important; //这个是正确的width,大部分支持!important标记的浏览器使用这里的数值    
width(空格)
/**/:400px; //IE6/win不解析这句,所以IE6/win仍然认为width的值是300px;而IE5.X/win读到这句,新的数值(400px)覆盖掉了旧的,因为!important标记对他们不起作用    
}
     
html>body .content 
{ //html>body是CSS2的写法    
width
:300px; //支持CSS2该写法的浏览器有幸读到了这一句    
}
     
同样,这个方法仍必须依靠正确的文档类型声明才能够正常工作,原因在前面已经说过。    
   
文档类型声明就像一个开关,打开向后兼容的未来,而错误使用的话,就是一个Pandora box。 

ACM解题的一些技巧和方法

ACMer都需要有快速的解题能力与适当的解题技巧,在这里谈两个比较好的技巧的运用:预处理与STL工具的运用。 我只是根据自己的学习到的东西来粗略地总结总结,还远没有达到那种真正会的水平,如果有任何错误...
  • consciousman
  • consciousman
  • 2016年05月14日 19:17
  • 4661

Netbeans使用技巧,从点滴提高编程效率

Netbeans使用技巧,从点滴提高编程效率作为新手使用Netbeans大概一个月左右,总结了一些使用技巧,帮助更多的朋友提高编写代码的效率,有的技巧确实十分受用! * Html代码中的图片、JS、C...
  • at_wangwei
  • at_wangwei
  • 2016年05月06日 10:52
  • 1836

计算机常识 和 应用技巧

8.恢复硬件以前的驱动程序   在安装了新的硬件驱动程序后发现系统不稳定或硬件无法工作时,只需在“设备管理器”中选择“驱动程序恢复”按钮,即可恢复到先前正常的系统状态。但不能恢复打印机的驱动程序...
  • csdn_ndx
  • csdn_ndx
  • 2015年05月11日 19:39
  • 1055

Shell实用技巧:快速去除字符串中的空格

(转载)http://www.chncto.com/linux/20349.html 这篇文章主要介绍了Shell实用技巧:快速去除字符串中的空格,本文给出了3种方法,分别讲解了删除行首空格...
  • zhuhai__yizhi
  • zhuhai__yizhi
  • 2016年04月05日 22:54
  • 2891

SHELL技巧:处理文件名中的那些空格

现在很多人命名的时候都喜欢用空格,例如“An Introduction.doc”。但是这种命名方式给Linux命令行工具和Shell带来了困扰,因为大多数命令中,都是默认以空格做为值与值之间的分隔符,...
  • dearwind153
  • dearwind153
  • 2016年08月04日 14:31
  • 1933

Python中空格字符串的处理技巧

字符串处理,是任何语言最常用到的。 其中就经常会碰到,对字符串中的空格处理,比如:去除前后空格,去除全部空格,或者以空格为分隔符来处理。 好在Python中字符串有很多方法,比如lstrip(), r...
  • Jerry_1126
  • Jerry_1126
  • 2017年08月01日 21:47
  • 2933

word技巧:去空格+目录生成/pdf转换

(来源网络)一、去掉表格和格式     为了版面的整齐,网页文档都是以表格的形式存在的,只是一般情况下表格的颜色被设为无色或表格宽度被设为0,所以我们在网页上看不到表格。另外,网页文档中换行用的都是手...
  • loovejava
  • loovejava
  • 2011年07月29日 10:16
  • 2585

精彩编程与编程技巧-用两分法搜索列表框或组合框中的数据...

  • 2009年10月10日 00:25
  • 2KB
  • 下载

精彩编程与编程技巧-拷贝或移动列表框或组合框中的内容...

  • 2009年10月09日 22:15
  • 1KB
  • 下载

项目组合、项目集、项目经理人际关系技巧 (免费带书签)

  • 2013年10月16日 22:53
  • 27.64MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS技巧:!important和空格的组合技巧及其他
举报原因:
原因补充:

(最多只允许输入30个字)