隨著時(shí)間的積累這里的內(nèi)容會(huì)有增加或者修改,希望下面的東西對后來的標(biāo)準(zhǔn)學(xué)習(xí)者會(huì)有些幫助,或者毫無用處.

　　主要的內(nèi)容是在IE和MOZILLA之間的差異和容易忽視的細(xì)節(jié),一些經(jīng)典應(yīng)用的最佳實(shí)現(xiàn)方法,應(yīng)該避免違犯的錯(cuò)誤.

　　由于是自己平時(shí)經(jīng)驗(yàn)的積累,難免會(huì)出現(xiàn)一些錯(cuò)誤的解釋,如有幸被高人看到,請務(wù)必指出,先謝過了.

　　ul 標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值.

　　同一個(gè)的class選擇符可以在一個(gè)文檔中重復(fù)出現(xiàn),而id選擇符卻只能出現(xiàn)一次;對一個(gè)標(biāo)簽同時(shí)使用class和id進(jìn)行CSS定義,如果定義有重復(fù),id選擇符做的定義有效.

　　一個(gè)兼容性調(diào)整(IE和Mozilla)的笨辦法:

　　初學(xué)可能會(huì)碰到這樣一個(gè)情況:同樣一個(gè)標(biāo)簽的屬性在IE設(shè)置成A顯示是正常的,而在Mozilla里必須要設(shè)成B才能正常顯示,或者兩個(gè)倒過來.

　　臨時(shí)解決方法:

　　選擇符 {屬性名:B !important ; 屬性名:A;}

　　如果一組要嵌套的標(biāo)簽之間需要些間距的話,那就留給位于里面的標(biāo)簽的margin屬性吧,而不要去定義位于外面的標(biāo)簽的padding

　　li 標(biāo)簽前面的圖標(biāo)推薦使用background-image 而不是list-style-image

　　IE分不清繼承關(guān)系和父子關(guān)系的差別,全部都是繼承關(guān)系.

　　在給你的標(biāo)簽瘋狂加選擇符的時(shí)候,別忘了在CSS里給選擇符加上注釋. 等你以后修改你的CSS的時(shí)候就知道為什么要這么做了.

　　如果你給一個(gè)標(biāo)簽設(shè)置了一個(gè)深色調(diào)的背景圖片和亮色調(diào)的文字效果.建議這個(gè)時(shí)候給你的標(biāo)簽再設(shè)置一個(gè)深色調(diào)的背景顏色.

　　定義鏈接的四種狀態(tài)要注意先后順序: Link Visited Hover Active

　　與內(nèi)容無關(guān)的圖片請使用background

　　定義顏色可以縮寫#8899FF = #89F

　　table 在某些方面比其它標(biāo)簽表現(xiàn)的要好的多.請?jiān)谛枰袑R的地方用它

<script>沒有l(wèi)anguage這個(gè)屬性,應(yīng)該寫成這樣:
<script type="text/javascript">

　　標(biāo)題是標(biāo)題,標(biāo)題的文字是標(biāo)題的文字.有時(shí)候標(biāo)題不一定需要顯示文字,所以:<h1>標(biāo)題內(nèi)容</h1> 改成 <h1><span>標(biāo)題內(nèi)容</span></h1>

　　完美的單象素外框線表格

table {border-collapse:collapse;}
td {border:#000 solid 1px;}

　　margin取負(fù)值可以在標(biāo)簽使用絕對定位的時(shí)候起到相對定位的作用,在頁面居中顯示時(shí),使用絕對定位的層不適合使用left:XXpx這個(gè)屬性. 把這個(gè)層放到一個(gè)要相對定位的標(biāo)簽旁,然后使用margin的負(fù)值是個(gè)好方法.

　　絕對定位時(shí)使用margin值定位可以達(dá)到相對于本身所在位置的定,這與top,left等屬性相對與窗口邊緣的定位不同.絕對定位的優(yōu)勢在于可以讓其它元素忽略它的存在.

最新評論