欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何去掉內聯(lián)樣式 通過style屬性定義的(element.style)

  發(fā)布時間:2013-06-04 17:41:05   作者:佚名   我要評論
element.style定義樣式的優(yōu)先級別超過style.css引用文件的樣式,怎樣能使級別超越element.style呢?在css屬性值后面加上!important即可實現(xiàn)

經(jīng)常修改magento的時候,有遇到element.style。 這個的優(yōu)先級別超過style.css。 所以修改css,沒效果。 怎樣能使級別超越element.style呢? 要用到 !important

在css屬性值后面加上!important。它的優(yōu)先級別就超越了element.style

有三條途徑可以把CSS應用到HTML中去。

內聯(lián)

內聯(lián)樣式通過style屬性直接套進HTML中去。

看起來像這樣:


復制代碼
代碼如下:
</p> <p><p style="color: red">text</p></p> <p>

這將會是指定的段落變成紅色。

我們的建議是,HTML應該是獨立的、樣式自由的文檔,所以內聯(lián)樣式無論在什么情況下都應該盡量避免。

內部

內部樣式服務于整個當前頁面。在頭標簽head里面,樣式標簽style里包含當前頁面的所有樣式。

看起來像這樣:


復制代碼
代碼如下:
</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSS Example</title> <style type="text/css"> p { color: red; } a { color: blue; } </style> ...</p> <p>

這將使這個頁面的所有段落都是紅色的,所有的連接都是藍色的。

與內聯(lián)樣式類似,你應該是HTML文檔和CSS文檔分離開來,下面,我們的救世來了……

外部

外部樣式為整個網(wǎng)站的多個頁面服務。這是一個獨立的CSS文檔,簡單的一個范例如下:


復制代碼
代碼如下:
</p> <p>p { color: red; } a { color: blue; }</p> <p>

如果這個文檔存為“web.css”的話,它可以這樣跟HTML文檔連接起來:


復制代碼
代碼如下:
</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p> <p><html></p> <p><head></p> <p><title>CSS Example</title></p> <p><link rel="stylesheet" type="text/css" href="web.css" /> ...</p> <p>

在CSS高級指南中,我們還將看到其他連接外部樣式表的方法,但到目前,這已經(jīng)足夠了。

想從本指南中收獲更多,嘗試著在你的文本編輯器中新建一個文檔,在HTML文檔相同的目錄中,把這些代碼保存為“web.css”。

現(xiàn)在像下面一樣改進你的HTML文檔:


復制代碼
代碼如下:
</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>My first web page</title> <link rel="stylesheet" type="text/css" href="web.css" /> </head> ...</p> <p>

保存HTML文檔?,F(xiàn)在已經(jīng)把HTML和CSS連接起來了,但還是空白一片,沒有改變什么東西。隨著進一步學習CSS初級指南,你可以增添或者改變CSS文檔,通過刷新瀏覽器里的HTML文檔,方便地看到效果,像我們以前做的一樣。

相關文章

最新評論