css使用技巧匯總(完整版)
【正文】 : 369。新的圖標(biāo)和老的圖標(biāo)有著不同的規(guī)格。我們?cè)谡麄€(gè)站點(diǎn)的大多數(shù)h3標(biāo)題中使用了13*13點(diǎn)的小圖標(biāo)，就象這樣：h3img src= width=13 height=13 alt=* / FIRST IMPRESSION/h3 我們用這種方法編碼有兩個(gè)原因。另外我們還想讓色彩僅僅出現(xiàn)在圖標(biāo)的后面，而不影響到標(biāo)題的文字，因此我們又用下面的方法將規(guī)則僅施加于包含在h3內(nèi)的img標(biāo)簽。圖210顯示了標(biāo)題的效果。圖211：帶有背景圖片和色彩的標(biāo)題這個(gè)技巧使得放置一些與頁面色彩相關(guān)聯(lián)的小圓角或者裝飾性的圖片變得特別的方便。除此以外，其他值都必須緊跟單位，注意，不要在數(shù)值和單位之間加空格。但是在不同的瀏覽器默認(rèn)值可能不同。 } .update { fontweight:bold。}.two{border:10px solid F00。 可以寫為background:url(images/***.gif) 333。 } h2 { fontsize:。這個(gè)辦法有一點(diǎn)牽強(qiáng)，幸運(yùn)的是還有一個(gè)好辦法可以解決，參看這篇文章《How To Clear Floats Without Structural Markup》(注：本站將盡快翻譯此文)。 /* 修改為你的層的寬度 */ margin:0 auto。后來我用這樣的寫法：import 。我通常在出問題的層上定義一個(gè)背景顏色，這樣就能很明顯看到層占據(jù)多大空間。在最后一個(gè)選擇器和大括號(hào){之間加一個(gè)空格，每個(gè)定義也單獨(dú)寫一行，分號(hào)直接在屬性值后，不要加空格。最后，關(guān)閉的大括號(hào)}單獨(dú)寫一行。 另外一個(gè)經(jīng)常出問題的屬性是outline。想了解import語法的詳細(xì)說明，可以看這里《centricle’s css filter chart》有些時(shí)候，你需要對(duì)IE瀏覽器的bug定義一些特別的規(guī)則，這里有太多的CSS技巧(hacks)，我只使用其中的兩種方法，不管微軟在即將發(fā)布的IE7 beta版里是否更好的支持CSS，這兩種方法都是最安全的。 } 第一個(gè)body的textalign:center。上面那一種clear方法更適合你，要看具體的情況，這里不再展開論述。抽取第一個(gè)字母是LVHA，你可以記憶成LoVe HAte(喜歡討厭)。(Group selectors)當(dāng)一些元素類型、class或者id都有共同的一些屬性，你就可以使用組選擇器來避免多次的重復(fù)定義。是的，這樣做是可以的，你可以嘗試一下。 } 這兩個(gè)定義中，class=update將被使用，因?yàn)閏lass比p更近。 padding:0。為了避免這種錯(cuò)誤，我建議所有的定義名稱都采用小寫。本文總結(jié)了我開始使用CSS布局方法以來所有的技巧和兼容方案，我愿意把這些與你分享，我會(huì)重點(diǎn)解釋一些新手容易犯的錯(cuò)誤(包括我自己也犯過的)，如果你已經(jīng)是CSS高手，這些經(jīng)驗(yàn)技巧可能已經(jīng)都知道，如果你有更多的，希望可以幫我補(bǔ)充。舉個(gè)例子，讓我們回到前面“可替換的圖標(biāo)”例子，增加一些背景色彩：h1 {fontfamily: Arial, sansserif。} 前面的代碼確定了所有包含在h3內(nèi)的img標(biāo)簽都有一個(gè)綠色的背景。第二個(gè)原因是，當(dāng)時(shí)，我們每個(gè)月都會(huì)根據(jù)當(dāng)前發(fā)行的雜志封面來更換整個(gè)站點(diǎn)的配色方案。對(duì)于一個(gè)項(xiàng)目的預(yù)算，這額外所需的時(shí)間就會(huì)推遲原先的期限。background: url() norepeat 0 50%。} repeatx會(huì)通知瀏覽器僅在水平方向平鋪（repeaty 將在垂直方向平鋪）。} 試著創(chuàng)建各種不同的同色陰影，產(chǎn)生的立體效果如圖25顯示。圖24： 帶有背景色和補(bǔ)白的標(biāo)題背景和邊框在標(biāo)題下面增加一個(gè)窄窄的邊框，加上淡淡的背景色，你能夠創(chuàng)建一種三維的效果，卻不需使用圖片。增加一點(diǎn)補(bǔ)白和背景顏色，我們就有了一個(gè)不需要圖片的，但又很有樣子的標(biāo)題。color: 369。隨后，如果我們想要改變整個(gè)站點(diǎn)上所有出現(xiàn)h1標(biāo)簽的地方的顏色、尺寸、字體的話，我們所有需要做的事情就是修改一些CSS規(guī)則，然后它們將立即改變。color: 369。} 圖23：帶有灰色下邊框的樣式化標(biāo)題我們?cè)谖淖值南路?
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1