首頁 > web前端 > css教學 > web前台css樣式知識點詳細介紹

web前台css樣式知識點詳細介紹

高洛峰
發布: 2017-03-27 17:58:34
原創
1986 人瀏覽過

1. css樣式的優先權

  在html中使用css樣式,很多種方法

外部引用方法

有直接從<head>標籤中寫控制html的CSS樣式語句

可以直接在想要控制的標籤當中直接寫入css來控制

#優先權的話:

瀏覽器預設樣式 最低

#外在引用樣式  其次

head標籤中   第二

想要控制的標籤中優先順序最高

2.可以將選擇器組合起來

# h1,h2,h3,h4,h5{color:green}

中間需要用,號來分隔這樣他們就會有統一的樣式

同樣的一個元素也可以給他指定不同的屬性  例如:

p.right{text-align:right}

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板