mozilla 中css的三种使用方法

1.内嵌样式表

<vbox style="border-style: solid; border-width: 1px; border-color: blue;">

2.内部样式表

内部样式表引入位置比较特殊,<?xml-stylesheet href="data:text/css,

/* your styles here*/" type="text/css"?>，要放在xml-stylesheet的href引用中,如下示例

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<?xml-stylesheet href="data:text/css,

.colorStyle

{

color:red;

}

#myLabel

{

color:blue;

}

" type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<label class="colorStyle" value="内部样式"/>

<label id="myLabel" value="内部样式"/>

</window>

3.外部样式表

先引入文件

<?xml-stylesheet href="mycss.css" type="text/css"?>-

然后就可以使用mycss.css中定义的样式了

//在.css中有这样一个样式类

.vboxStyle

{

border-style: solid;

border-width: 3px;

border-color: red;

}

这样,在.xul标签中就可以使用外部样式了

<vbox class="vboxStyle"/>

//over

可以在js中动态改变标签的样式类，

document.getElementById('myhello').setAttribute("class","helloStyle2");//此语句有效

但通过绑定得到的属性不会被removeAttribute方法移出

var obj=document.getElementById('myhello').removeAttribute("src")//此语句无效;