封裝link或style中的css規則

2021-07-12 05:52:20 字數 1237 閱讀 6064

cssstylesheet型別表示的是樣式表,包括通過元素包含的樣式表和在元素中定義的樣式表。這兩個元素本身分別是由htmllinkelement和htmlstyleelement型別表示的。但是,cssstylesheet型別相對更加通用一些,它只表示樣式表,而不管這些樣式表在html中是如何定義的。此外,上述兩個針對元素的型別允許修改html特性,但cssstylesheet物件則是一套唯讀的介面。使用下面的**可以確定瀏覽器是否支援dom2級樣式表。

var supportsdom2stylesheets = document.implementation.hasfeature("stylesheets", "2.0");

cssstylesheet繼承自stylesheet,後者可以作為乙個基礎介面來定義非css樣式表。從stylesheet介面繼承而來的屬性如下。

除了disabled屬性之外,其它屬性都是唯讀的。在支援以上所有這些屬性的基礎上,cssstylesheet型別還支援下列屬性和方法:

應用於文件的所有樣式表是通過document.stylesheets集合來表示。

不同瀏覽器的document.stylesheets返回的樣式表也不同。所有瀏覽器都會包含元素和rel特性被設定為「stylesheet」的元素引入的樣式表。ie和opera也包含rel特性被設定為「alternate stylesheet」的元素引入的樣式表。

也可以直接通過或元素取得cssstylesheet物件。dom規定了乙個包含cssstylesheet物件的屬性,名叫sheet;除了ie,其它瀏覽器都支援這個屬性。ie支援的是stylesheet屬性。

具體封裝**是:

//新增link或style的css規則

base.prototype.addrule = function (num, selectortext, csstext, position) ', position);

} else if (typeof sheet.addrule != 'undefined')

return this;

}//移除link或style的css規則

base.prototype.removerule = function (num, index) else if (typeof sheet.removerule != 'undefined')

return this;

}

HTML中 Style的用法

style用來設定css樣式表的。css可算是網頁設計的乙個突破,它解決了網頁介面排版的難題。可以這麼說,html的tag主要是定義網頁的內容 content 而css決定這些網頁內容如何顯示 layout css的英文是cascading style sheets,中文可以翻譯成串聯式樣式表。cs...

WPF中Style的使用

styel在英文中解釋為 樣式 在web開發中,css為層疊樣式表,自從.net3.0推出wpf以來,wpf也有樣式一說,通過設定樣式,使其wpf控制項外觀更加美化同時減少了大量的複雜屬性的設定。在此我們就不討論第一種方式設定控制項的外觀了,因為這不涉及到style的使用。那麼後三種設定樣式來控制控...

ext 中的各個style

basecls 所寫的css將會應用到自己的元件上。注意要和bodystyle區別,大家可以自己試試,區別很明顯 bodystyle 所寫的css將會應用到自己的內容上 cls 將應用到自己的element cls 子元素 基本元素 會用到的元素 iconcls 將定義好的css應用到自己的前邊。c...