武林網(www.survivalescaperooms.com)文章簡介：個人總結的一些css實用技巧及必須得注意的事項.

個人總結的一些css實用技巧及必須得注意的事項:

1.注釋須知:html中注釋不能這樣寫:

<div></div><!--------這是錯誤寫法------->
<div></div><!--=======這是正確寫法========-->

這種寫法,FF中會忽略其下面的內容.

2.CSS注釋切記在/*之后及*/之前空一格,否則在有些語言中會出問題,正確寫法:

#div{style}/* 注釋前后要空格 */

3.最簡單區分IE與FF的HACK寫法:

#layer{
    padding-top:20px;/* FF中定義 */
    *padding-top:10px;/* IE中定義 */
}

4.空div在IE(FF中沒有)是有默認高度的,可以用定義:

div { witdh:100%; background:#9c0; ling-height:0}

的方式去掉默認高度.
5.按鈕按下時立體感效果:

a:hover { position:relative; top:1px; left:1px}/* 切記一定要是相對定位 */

6.關閉當前頁面代碼:

<div onclick="window.close();">關閉當前頁面</div>

7.整站變灰代碼(加到樣式表中):

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

8.設為首頁代碼:

<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webjx.com');" style="CURSOR:hand">設為首頁</span>

9.加入收藏代碼:

<script language="JavaScript">
function webjxcom()
{window.external.addFavorite('http://www.webjx.com','Aspku.com');}
if (document.all)document.write('<a href="##" onClick="webjxcom();" title="把“Aspku.com”加入您的收藏夾！">收藏本站</a>')
</script>