转牛X无敌!!!Zen Coding: 一种快速编写HTML/CSS代码的方法
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。
你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。
你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。
关于一些浏览器的的Hack,我怎么老是忘,每次都要查,实在是郁闷
现在,就几句话我要写清楚!我只写关于 IE6, IE7 的hack
至于Chrome, Safari, Opera那些我就先不写了,毕竟那些出错是有点麻烦,目前也不是主流浏览器。那至于IE8,刚刚正式发布不久,从目前情况来看,显示效果和FF3好像还没发现不同,IE8以后再说了。如果你看到此文章时已经有发现问题的话,可以和我留言,我们共同研究。
1、只有IE6 和 IE7 有效的hack:
.abc{width:100px; *width:50px;} /*IE6与IE7将体现 width:50px*/
(这一条在我以前学习的教程中说是IE7特有的hack,但是我今天试验后,IE6也被影响到)
2、下面是 IE6, IE7 与 IE8, FF 的hack(其实可以和第一条放在一起)
就如我的感觉,使用IE8那么多天以来,页面显示方面更偏向于FF,而非传统的IE系列,这个原来是对付IE系列与FF系列的hack现在已经成了 IE系列与IE8和FF的hack了,呵呵,说实话,对于IE8的“叛徒”举动,我非常赞成,以后可以少很多工作量了。
.abc{width:100px; +width:50px;} /*IE6与IE7将体现 width:50px*/
3、只有IE6有效的hack
.abc{width:100px; _width:50px;} /*IE6将体现 width:50px*/
或者
.abc{ width:50px!important; width:0;} /*有important的必须在前面,ie6为0*/
Recent Replies / 最新回复