樣式表CSS布局經(jīng)驗(yàn)

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

分享題目：樣式表CSS布局經(jīng)驗(yàn)
本文URL：http://www.muchs.cn/news5/317955.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、小程序開發(fā)、電子商務(wù)、微信公眾號、靜態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)