亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

CSS3 簡(jiǎn)介

CSS3?簡(jiǎn)介


CSS 用於控制網(wǎng)頁(yè)的樣式和佈局。

CSS3 是最新的 CSS 標(biāo)準(zhǔn)。


CSS3 模組

CSS3被拆分為"模組"。舊規(guī)範(fàn)已拆分成小塊,也增加了新的。

一些最重要CSS3模組如下:

  • 選擇器

  • 盒子模型

  • #背景與邊框

  • 文字特效

  • #2D/3D轉(zhuǎn)換

  • 動(dòng)畫(huà)

  • 多列佈局

  • 使用者介面


提示 :W3C的CSS3規(guī)範(fàn)仍在開(kāi)發(fā)中。 但是,許多新的CSS3屬性已在現(xiàn)代瀏覽器中使用。

我們先看個(gè)css3的實(shí)例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color:red;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotate(30deg);
            -ms-transform:rotate(30deg); /* IE 9 */
            -webkit-transform:rotate(30deg); /* Safari and Chrome */
        }
    </style>
</head>
<body>
<div>你好。這是一個(gè) DIV 元素。</div>
<div id="div2">你好。這是一個(gè) DIV 元素。</div>
</body>
</html>

##執(zhí)行程式嘗試


從下節(jié)我們就開(kāi)始學(xué)習(xí)css3的新特性



#

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ } </style> </head> <body> <div>你好。這是一個(gè) DIV 元素。</div> <div id="div2">你好。這是一個(gè) DIV 元素。</div> </body> </html>
提交重置程式碼