cari
  • Log masuk
  • Daftar
Penetapan semula kata laluan berjaya

Ikuti proiects vou berminat dengan andi aet terbaru mengenai mereka

Pengenalan kepada CSS3

Pengenalan CSS3


CSS digunakan untuk mengawal gaya dan reka letak halaman web.

CSS3 ialah standard CSS terkini.


Modul CSS3

CSS3 dibahagikan kepada " modul ". Spesifikasi lama telah dipecahkan kepada kepingan kecil dan yang baru telah ditambah.

Beberapa modul CSS3 yang paling penting adalah seperti berikut:

  • Pemilih

  • Model kotak

  • Latar belakang dan sempadan

  • Kesan teks

  • Penukaran 2D/3D

  • Animasi

  • Susun atur berbilang lajur

  • UI


Petua : Spesifikasi CSS3 W3C masih dalam pembangunan. Walau bagaimanapun, banyak sifat CSS3 baharu tersedia dalam penyemak imbas moden.

Mari kita lihat contoh css3 dahulu

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(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>你好。这是一个 DIV 元素。</div>
<div id="div2">你好。这是一个 DIV 元素。</div>
</body>
</html>

Jalankan program dan cuba


Dari bawah Mari mula mempelajari ciri baharu css3 dalam bahagian ini



fail baharu
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>你好。这是一个 DIV 元素。</div> <div id="div2">你好。这是一个 DIV 元素。</div> </body> </html>
Tetapkan Semula Kod
Operasi automatik
serahkan
Pratonton Clear