隨著時(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)勢在于可以讓其它元素忽略它的存在.
