1. css樣式的優先權
在html中使用css樣式,很多種方法
有外部引用方法
有直接從<head>標籤中寫控制html的CSS樣式語句
可以直接在想要控制的標籤當中直接寫入css來控制
#優先權的話:
瀏覽器預設樣式 最低
#外在引用樣式 其次
head標籤中 第二
想要控制的標籤中優先順序最高
2.可以將選擇器組合起來
# h1,h2,h3,h4,h5{color:green}
中間需要用,號來分隔這樣他們就會有統一的樣式
同樣的一個元素也可以給他指定不同的屬性 例如:
p.center{text-align:center}
上面這是控制下面html語句的css樣式
html中的語句是:
this is right
this is center
#這樣給P元素分別指定不同的類別名,這樣就可以透過類別的名稱來控制同一種元素的不同樣式了。
3.瀏覽器對css的支援
現在css3.0 有很多很棒的效果,可是有些瀏覽器對css的樣式的支援卻不是很到位,例如IE
css3.0的樣式中有的IE9 都不支持,我們現在用的系統通常都是IE7 8 9瀏覽器。對於開發來說 簡直是太痛苦了。
不過火狐瀏覽器的強大,幾乎所有的樣式該瀏覽器都支持,還有google也是非常棒的瀏覽器,運行速度應該是最快的,還有我們國內的360瀏覽器,他用的是IE內核,基本上也決定了它的命運。做開發的話我們常用的瀏覽器 是火狐 google 和IE 不能因為IE不支援就不用,也得用它來調試相容性。
火狐瀏覽器的 firebug 外掛不錯,可以用來前台調試css樣式代碼,改了前台自動修改,不需要每次更改CSS樣式就得刷新下頁面。這樣給前台提高了工作效率。
以上是web前台css樣式知識點詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!