好了,直入主題,大家都知道,CSS的中文名叫做層疊樣式表,而CSS在控制樣式的時候,有三種引入方式,分別是:
1>外部樣式表 : 將樣式規則直接寫在*.css文件中,然后再*.html頁面中通過<link>標簽引入的方式
2>內部樣式表 :(位于 <head> 標簽內部)
3>內聯樣式 :(在 HTML 元素內部)
按照W3School網站(點這里直達)的說法,當同一個 HTML 元素被不止一個樣式定義時,它們是有優先級之分的,如下,將優先級從小到大排列出來,其中4的優先級最高:
1.瀏覽器缺省設置
2.外部樣式表
3.內部樣式表(位于 <head> 標簽內部)
4.內聯樣式(在 HTML 元素內部)
對于這個結論,相信大家一定有很多疑問,而網上很多都是直接對官網的內容進行復制然后粘貼發布就算了,讓我們非常厭倦和煩惱,所以,在這里讓我們一起來驗證對比下。
注意:本次驗證主要針對后面3個優先級,關于瀏覽器缺省設置這個,相信大家都知道,他一定是最低的,我們在此就不過多的舉例驗證了。
一、驗證環境的描述
瀏覽器:FireFox 22.0
語言:HTML 4.01/CSS
開發工具:Aptana Studio 3
二、使用三種方式直接對標簽進行元素定義樣式
1>首先,我們先直接使用外部樣式表來定義div標簽的樣式:
xiaoxuetu.css
新聞熱點
疑難解答