css是什么死相?Casading style sheet .英語不好只看懂了style sheet 類型表+casading (層疊)翻譯成層疊樣式表
那css用來最哈子的呢?是用來擴(kuò)展html元素(標(biāo)簽例如<p>、<a>)的功能,也就是這個(gè)元素以什么樣子的樣式顯示出來。比如<p> 默認(rèn)它是一個(gè)段落標(biāo)簽根蟹,而且是很簡單的顯示出來,那如果這時(shí)候你需要段落文字要有顏色糟秘,要加背景顏色简逮,字體要改變等等。原始的html直接實(shí)現(xiàn)的方式是:通過style屬性尿赚。
例如:<p style="color:red,background-color:red,font-size:20px"> this is my style </p>
如果是css:
你的.css文件:
p {color:red,background-color:red,font-size:20px} 然后html文件就link到這個(gè)css文件散庶,當(dāng)你要使用p元素時(shí),就是使用這用樣式凌净。
樣式的基本格式:seletor {html屬性:值} seletor就是html元素悲龟。
既然html有方法實(shí)現(xiàn)需求,那為什么還要用css冰寻?很簡單须教,css使用起來方便,去掉代碼重復(fù)性斩芭,效率高轻腺。就像上面的例子,你每個(gè)p元素都要重新寫相同的style划乖,那就不合理了吧贬养。
注意:
多重樣式將層疊為一個(gè):樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個(gè)的 HTML 元素中琴庵,在 HTML 頁的頭元素中误算,或在一個(gè)外部的 CSS 文件中。甚至可以在同一個(gè) HTML 文檔內(nèi)部引用多個(gè)外部樣式表迷殿。
層疊次序
當(dāng)同一個(gè) HTML 元素被不止一個(gè)樣式定義時(shí)儿礼,會(huì)使用哪個(gè)樣式呢?
一般而言庆寺,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中蚊夫,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
瀏覽器缺省設(shè)置
外部樣式表
內(nèi)部樣式表(位于 標(biāo)簽內(nèi)部)
內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此止邮,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán)这橙,這意味著它將優(yōu)先于以下的樣式聲明: 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明导披,或者瀏覽器中的樣式聲明(缺省值)屈扎。