CSS3.0中的expression和r

CSS3.0中的expression和r是兩個(gè)非常重要的元素。expression是一個(gè)表達(dá)式，可以被用來(lái)產(chǎn)生一些復(fù)雜的效果。在CSS3.0之前，這種效果只能通過(guò)JavaScript來(lái)實(shí)現(xiàn)。但是，在CSS3.0中，expression變成了CSS樣式表中的一個(gè)屬性，可以直接被使用。但是，需要注意的是，expression只在IE瀏覽器中被支持。

這里有一個(gè)示例，演示了如何使用expression屬性創(chuàng)建一個(gè)簡(jiǎn)單的效果。在這個(gè)示例中，我們將使用expression在鼠標(biāo)懸停時(shí)改變文本顏色。

p:hover
{
color: expression( typeof( this.onmouseover ) != 'undefined' ? '#ff0000' : ( typeof( this.onmouseout ) != 'undefined' ? '#0000ff' : '#000000' ) );
}

另一個(gè)重要的元素是r。它是CSS3.0中一個(gè)新的單位，表示相對(duì)值。r的值是一個(gè)百分比值，用于計(jì)算相對(duì)于元素尺寸的絕對(duì)單位值。在CSS3.0中，r被用于定義一些樣式屬性，例如border-radius。這些屬性用于創(chuàng)建基于元素尺寸的效果。

這里有一個(gè)示例，演示了如何使用r單位創(chuàng)建一個(gè)簡(jiǎn)單的效果。在這個(gè)示例中，我們將使用r單位來(lái)定義border-radius。

div
{
width: 200px;
height: 200px;
background: #ccc;
border-radius: r(10%);
}

總的來(lái)說(shuō)，CSS3.0中的expression和r是兩個(gè)非常強(qiáng)大的元素，可以用來(lái)創(chuàng)建一些非常復(fù)雜的效果。但是，需要注意的是，expression只能在IE瀏覽器中使用，而r則需要瀏覽器支持CSS3.0規(guī)范。