在網頁設計中,CSS樣式表的集成應用被廣泛使用。但有時候,我們也需要取消某些CSS樣式表的集成。下面我們來了解一下如何取消CSS樣式表的集成。
我們可以使用 CSS reset 來取消 CSS 樣式表的集成。CSS reset 的原理是通過把默認的樣式表全部清除,使得不同瀏覽器對于 HTML 元素的默認樣式都不會產生影響,從而達到讓所有瀏覽器渲染 HTML 頁面時,都有一致的表現。
* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
如上面的代碼所示,通常所謂的 CSS reset 就是通過修改通配符的各種屬性來達到清除默認樣式的目的。
但有時候我們并不需要清除所有默認樣式,而是希望在某個元素上解除部分樣式的影響。此時,我們可以使用 CSS 中的 “!important” 關鍵字。
p { color: blue !important; font-size: 16px; } p.special { color: red; }
如上面的代碼所示,我們在 “p” 標簽的樣式聲明中,添加了 “!important” 關鍵字。這樣在后面有其他樣式表對 “p” 標簽進行樣式設置時,這里設置的顏色樣式將具有更高的優先級。而如果我們要對某些特定的 “p” 元素恢復默認樣式,可以通過添加 .special 類來實現。
取消CSS樣式表的集成,正是基于CSS技術所實現的。掌握好了這個技能,會極大的提高我們網頁設計的靈活性和可塑性。
上一篇css3數字跳動
下一篇css 取消超鏈接效果