转牛X无敌!!!Zen Coding: 一种快速编写HTML/CSS代码的方法

December 22, 2009 by SLJ | Category:HTML/CSS, Javascript | 1 Comment 725

在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。

你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。

More »

关于一些浏览器的的Hack

March 29, 2009 by SLJ | Category:HTML/CSS | No Comment 2,190

关于一些浏览器的的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*/

More »

↑ Top