主頁 > 知識庫 > 一些很不錯的css技巧,但也常為人們所忽略

一些很不錯的css技巧,但也常為人們所忽略

熱門標簽:上古卷軸5地圖標注mod 蘇州通信外呼系統(tǒng)多少錢 中國地圖標注各省份 北川縣地圖標注 移動400辦理電話 沈陽智能外呼系統(tǒng)排名 荒野大鏢客2地圖標注怎么變中文 武漢人工外呼系統(tǒng) 山西旅游景地圖標注
一.區(qū)分大小寫
當在XHTML中使用CSS,CSS里定義的元素名稱是區(qū)分大小寫的。為了避免這種錯誤,我建議所有的定義名稱都采用小寫。

二.不需要給背景圖片路徑加引號
為了節(jié)省字節(jié),我建議不要給背景圖片路徑加引號,因為引號不是必須的。例如:

background:url("images/***.gif") #333; 

可以寫為

background:url(images/***.gif) #333; 

如果你加了引號,反而會引起一些瀏覽器的錯誤。


三.用正確的順序指定鏈接的樣式
當你用CSS來定義鏈接的多個狀態(tài)樣式時,要注意它們書寫的順序,正確的順序是::link :visited :hover :active。抽取第一個字母是"LVHA",你可以記憶成"LoVe HAte"(喜歡討厭)。


四.清除浮動
一個非常常見的CSS問題,定位使用浮動的時候,下面的層被浮動的層所覆蓋,或者層里嵌套的子層超出了外層的范圍。

通常的解決辦法是在浮動層后面添加一個額外元素,例如一個div或者一個br,并且定義它的樣式為clear: both。這個辦法有一點牽強,幸運的是還有一個好辦法可以解決,參看這篇文章《How To Clear Floats Without Structural Markup》(注:本站將盡快翻譯此文)。

上面2種方法可以很好解決浮動超出的問題,但是如果當你真的需要對層或者層里的對象進行clear的時候怎么辦?一種簡單的方法就是用overflow屬性,這個方法最初的發(fā)表在《Simple Clearing of Floats》,又在《Clearance》和《Super simple clearing floats》中被廣泛討論。

上面那一種clear方法更適合你,要看具體的情況,這里不再展開論述。另外關于float的應用,一些優(yōu)秀的文章已經(jīng)說得很清楚,推薦你閱讀:《Floatutorial》、《Containing Floats》和《Float Layouts》


五.橫向居中(centering)
這是一個簡單的技巧,但是值得再說一遍,因為我看見太多的新手問題都是問這個:CSS如何橫向居中?你需要定義元素的寬,并且定義橫向的margin,如果你的布局包含在一個層(容器)中,就象這樣:
body { 
text-align:center; 

#wrap { 
width:760px; /* 修改為你的層的寬度 */ 
margin:0 auto; 
text-align:left; 



六.調試技巧:層有多大?
當調試CSS發(fā)生錯誤,你就要象排版工人,逐行分析CSS代碼。我通常在出問題的層上定義一個背景顏色,這樣就能很明顯看到層占據(jù)多大空間。有些人建議用border,一般情況也是可以的,但問題是,有時候border 會增加元素的尺寸,border-top和boeder-bottom會破壞縱向margin的值,所以使用background更加安全些。

標簽:南充 濱州 喀什 東莞 邯鄲 遼源 陽泉 海東

巨人網(wǎng)絡通訊聲明:本文標題《一些很不錯的css技巧,但也常為人們所忽略》,本文關鍵詞  一些,很不,錯的,css,技巧,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《一些很不錯的css技巧,但也常為人們所忽略》相關的同類信息!
  • 本頁收集關于一些很不錯的css技巧,但也常為人們所忽略的相關信息資訊供網(wǎng)民參考!
  • 推薦文章