層疊樣式表（CSS）是網(wǎng)頁(yè)語(yǔ)言設(shè)計(jì)，下一代CSS設(shè)計(jì)的性能迫不及待地要發(fā)布。你想開(kāi)始使用它們，但不知道從哪里開(kāi)始 雖然很多新功能都不是ldquo；官方的；，一些瀏覽器實(shí)現(xiàn)了許多功能CSS級(jí)別3規(guī)范。問(wèn)題是許多瀏覽器，特別是Internet Explorer沒(méi)有。

　　使用這些新CSS3的特點(diǎn)是將其視為設(shè)計(jì)改進(jìn)。A設(shè)計(jì)增強(qiáng)（我將討論我的新書(shū)演示風(fēng)格：網(wǎng)頁(yè)設(shè)計(jì)教師CSS的基礎(chǔ)）您為您網(wǎng)站設(shè)計(jì)添加的任何繁榮，如果樣式不出現(xiàn)，則在不降低可用性的情況下，增加視覺(jué)吸引力。

　　這可能是一款具有一線(xiàn)增強(qiáng)功能而不是降低可用性的棘手手機(jī)：bull設(shè)計(jì)增強(qiáng)示例：使用邊界半徑圓形框的角創(chuàng)建更具吸引力設(shè)計(jì)。但是，如果未顯示角度，網(wǎng)站仍在使用中。（一）公牛；（1）設(shè)計(jì)）實(shí)例還原可用性：背景中與RGBA顏色值重疊的元素需要清晰可見(jiàn)，元素預(yù)計(jì)為半透明。這將使一些人無(wú)法使用此網(wǎng)站，從而減少頁(yè)面的可用性。讓我們看看五個(gè)不同的CSS3屬性，您可以開(kāi)始播放，只要您始終記住，它們只應(yīng)用于提高您設(shè)計(jì)可用性，而不是在網(wǎng)站上。這是原設(shè)計(jì)，用于任何CSS3設(shè)計(jì)改進(jìn)

　　1.透明色彩支持瀏覽器：蘋(píng)果Safari4，F(xiàn)irefox3.0.5，谷歌瀏覽器1RGBA允許您控制特定的顏色填充不透明度，無(wú)論是文本、背景、邊框、陰影顏色。設(shè)置顏色的透明度要求指定的顏色值指示十六進(jìn)制值不允許是從0（透明）到1（不透明）的附加值。書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；gt；RGBA（0-255,0-255,0-255,0-1）類(lèi)=ldquo；spacer現(xiàn)狀/燃?xì)廨啓C(jī)；您還應(yīng)該有一個(gè)簡(jiǎn)單的RGB顏色值，或者六個(gè)用于其他瀏覽器的回退：lt；跨度樣式=ldquo；顏色：#008000ldquo；gt爆破{lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000ldquo；燃?xì)廨啓C(jī)；顏色：RGB（235235235）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000ldquo；燃?xì)廨啓C(jī)；顏色：RGBA（255255255,0.75）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景色：RGB（153153153）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景色：RGBA（0,0,0.5）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；邊框顏色：RGB（235235235）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；邊框顏色：RGBA（255255255,0.65）；lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；好消息是，還有一個(gè)至少有背景色I(xiàn)nternet Explorer的備份方案，它支持使用過(guò)濾器和條件格式的透明顏色：

　　2.由fillet：蘋(píng)果Safari3，F(xiàn)irefox1，谷歌瀏覽器1 boundary radius支持的瀏覽器設(shè)置長(zhǎng)方體每個(gè)角的曲率，就好像有一個(gè)假想圓的角和一個(gè)特定半徑（R）：lt；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；邊界半徑R；雖然邊界半徑將是未來(lái)CSS3規(guī)范的一部分，但無(wú)論是Mozilla（Firefox）和Webkit（Safari和Chrome）它們自己的版本都必須包含**大的跨瀏覽器兼容性：lt；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；Webkit的邊界半徑為：10px；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；gt；-moz邊界半徑：10px；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；邊界半徑：10px；也可以將半徑單獨(dú)設(shè)置為角度：CSS3MozillaWebkit邊框mdash；右上角半徑-moz邊境mdash；右上Webkit半徑mdash的邊界；右上角半徑邊界mdash；右下角半徑-moz邊境mdash；半徑Webkit以下的邊界mdash；右下角半徑邊界mdash；左下角半徑-moz邊境mdashbottom左半徑邊界Webkitmdash；左下角半徑邊界mdash；左上角半徑-moz邊境mdash；半徑Webkit上的邊界mdash；左上角半徑邊界mdash；半徑-moz邊境mdash；半徑邊界Webkitmdash；半徑3。文本陰影支持的瀏覽器：蘋(píng)果Safari3，F(xiàn)irefox3.0.5，谷歌瀏覽器1向任何文本添加陰影，控制左右或上下偏移，顏色：lt；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；文字陰影：x y模糊色；可以通過(guò)文本陰影透明色控制陰影的深色組合：lt；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；文本陰影：-2px2px10pxRGBA（0,0,0，。5） ；lt/Span gt您還可以包含多個(gè)文本陰影只有用逗號(hào)分隔的重復(fù)值：lt；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；文本陰影：lt/Span gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；0 0 10pxRGBA（0255,0，.5），-10px5px4pxRGBA（00255,45），lt；燃?xì)廨啓C(jī)；書(shū)信電報(bào)；跨度類(lèi)型=ldquo；顏色008000：#；rdquo；燃?xì)廨啓C(jī)；15px-4px3pxRGBA（255,0,0,75）；lt/跨度gt；

　　4.陰影盒

　　支持的瀏覽器：蘋(píng)果Safari4，F(xiàn)irefox3，谷歌瀏覽器1

　　任何框添加投影屏幕都遵循相同的格式并添加文本陰影：

　　書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；盒影：x y模糊色；

　　與文本陰影一樣，Mozilla和Webkit在**終CSS標(biāo)準(zhǔn)中提前實(shí)現(xiàn)了它們的詞匯表：

　　書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；gt；-Webkit框陰影：0 0像素RGB（0,0,0）；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；gt；-moz框陰影：0 0像素RGB（0,0,0）；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；盒影：0.0像素RGB（0,0,0）；

　　通過(guò)包含多個(gè)由空格分隔的值，可以添加多個(gè)陰影：

　　-Webkit-box-陰影：0 0 20pxRGB（0255,0），-10px5px4pxRGBA（0,0255,45），15px-20px20pxRGBA（255,0,0,75）；—moz-box-陰影：0 0 20pxRGB（0255,0），-10px5px4pxRGBA（0,0255，.45），15px-20px20pxRGBA（255,0,0，.75）；box-陰影：0 0 20pxRGB（0255,0），-10px5px4pxRGBA（0,0255，.45），15px-20px20pxRGBA（255,0,0，.75）；

　　5.多重背景

　　支持的瀏覽器：蘋(píng)果Safari1.3，谷歌瀏覽器1

　　在單個(gè)元素中包含多個(gè)背景圖像只需要將其他設(shè)置添加到background屬性中，并用逗號(hào)分隔。您應(yīng)該有一個(gè)背景圖像作為其他瀏覽器的備份：

　　書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景圖像：URL（astro-127531PNG）；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景圖像：URL（astro-127531PNG），URL（hubble-112993。PNG）；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景重復(fù)：不重復(fù)；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景位置：左下角；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)；背景位置：左下

　　特別獎(jiǎng)金紡紗的東西！

　　支持的瀏覽器：蘋(píng)果Safari4，F(xiàn)irefox3.5，chrome 1

　　雖然它不是一個(gè)部分CSS3規(guī)范，Webkit已經(jīng)實(shí)現(xiàn)了自己的轉(zhuǎn)換特性，Mozilla是一個(gè)延續(xù)服務(wù)。轉(zhuǎn)換可以包括不同的值類(lèi)型，但**有趣和有用的設(shè)計(jì)增強(qiáng)旋轉(zhuǎn)：

　　書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；燃?xì)廨啓C(jī)Webkit：旋轉(zhuǎn)（-15）；lt/跨度gt；書(shū)信電報(bào)；跨度樣式=ldquo；顏色：#008000；rdquo；gt；-moz變換：旋轉(zhuǎn)（-15）；

http://m.ezekroy.com/youhuazixun/1010.html CSS3設(shè)計(jì)可使用5項(xiàng)功能