css三種樣式
1.內(nèi)嵌樣式(inline Style
) :是寫在Tag里面的,內(nèi)嵌樣式只對所有的Tag有效呢铆。
2.內(nèi)部樣式(internal Style Sheet
):是寫在HTML的里面的,內(nèi)部樣式只對所在的網(wǎng)頁有效蹲缠。
3.外部樣式表(External Style Sheet
):如果很多網(wǎng)頁需要用到同樣的樣式(Styles
)棺克,將樣式(Styles
)寫在一個(gè)以.css
為后綴的CSS文件里,然后在每個(gè)需要用到這些樣式(Styles
)的網(wǎng)頁里引用這個(gè)CSS文件线定。
style
最常用的是style屬性娜谊,在JavaScript中,通過document.getElementById(id).style.XXX
就可以獲取到XXX的值斤讥,但意外的是因俐,這樣做只能取到通過內(nèi)嵌方式設(shè)置的樣式值,即style屬性里面設(shè)置的值周偎。
所有的css屬性 都可以用e.style.屬性訪問
但只適合設(shè)置樣式抹剩,不適合查詢樣式
so...
通過currentStyle or etComputedStyle
可以獲取到通過內(nèi)聯(lián)或外部引用的CSS樣式的值
getComputedStyle(FF,chrome...)
計(jì)算樣式只讀,確切地決定了瀏覽器在渲染時(shí)使用的樣式屬性,
計(jì)算樣式
getComputedStyle
currentStyle(IE)
getComputedStyle()
接受兩個(gè)參數(shù):要取得計(jì)算樣式的元素和一個(gè)偽元素蓉坎,如果不需要偽元素澳眷,則可以是null
。然而蛉艾,在IE中钳踊,并不支持getComputedStyle
,IE提供了currentStyle
屬性 勿侯。
currentStyle
舉個(gè)栗子
用法實(shí)例
設(shè)置拓瞪、查詢css屬性的其他方式
setAttribute cssText
Paste_Image.png
test
test