Pengenalan kepada CSS3

Pengenalan

CSS ialah Cascading Stylesheet. Teknologi CSS digunakan dalam pembangunan web untuk mengawal reka letak, fon, warna, latar belakang dan kesan lain halaman dengan berkesan. Dengan hanya beberapa pengubahsuaian mudah, anda boleh menukar rupa dan format halaman web anda. CSS3 ialah versi CSS yang dipertingkatkan Set piawaian baharu ini menyediakan spesifikasi yang lebih kaya dan lebih praktikal, seperti: model kotak, modul senarai, kaedah hiperpautan, modul bahasa, latar belakang dan sempadan, kesan teks, reka letak berbilang lajur, dsb. , terdapat Banyak penyemak imbas telah pun menyokong spesifikasi yang dinaik taraf ini, seperti: Firefox, Chrome, Safari, Opera, dsb. Menggunakan teknologi CSS3 dalam pembangunan web akan mencantikkan aplikasi kami dengan ketara, meningkatkan pengalaman pengguna, dan juga meningkatkan prestasi program dengan ketara.

CSS3 serasi sepenuhnya ke belakang, jadi anda tidak perlu menukar reka bentuk sedia ada anda. Pelayar akan sentiasa menyokong CSS2.

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

Antara Muka Pengguna


Senaraikan beberapa ciri baharu:

sempadan

atribut warna sempadan
sempadan- atribut imej
atribut jejari sempadan
atribut bayang-kotak

latar belakang

atribut asal latar belakang dan atribut klip latar belakang
atribut saiz latar belakang
berbilang latar belakang

Warna

Nilai warna HSL
Nilai warna HSLA
atribut kelegapan
Nilai warna RGBA

Kesan teks

bayang teks atribut
atribut limpahan-teks
atribut balutan perkataan

antara muka pengguna

atribut saiz kotak
atribut ubah saiz
atribut garis besar
nav-atas, nav-kanan , nav-bottom, nav-left Atribut

Pemilih

Pemilih Atribut

Model kotak asas

atribut limpahan-x dan limpahan -y atribut

kandungan yang dijana

atribut kandungan

modul lain

modul pertanyaan media
modul susun atur berbilang lajur
Modul fon web
Modul pertuturan



Meneruskan pembelajaran
||
<meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; background-color:blue; border:1px solid black; } div{ -webkit-text-fill-color: red; -webkit-text-stroke-color: yellow; -webkit-text-stroke-width: 1.75px; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(60deg); /* Safari and Chrome */ } </style> </head> <body> <div>请看文字特效</div> <div id="div2">请看图形特效</div> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus