web前台css樣式知識點詳細介紹
- 高洛峰原創
- 2017-03-27 17:58:341903瀏覽
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中文網其他相關文章！