Tiga jenis gaya tindanan CSS: 1. Gaya sebaris, tulis kod gaya dalam atribut gaya teg HTML 2. Gaya sebaris, tulis kod gaya dalam halaman "" pasangan teg; 3. Gaya luaran, tulis kod gaya dalam fail ".css" yang berasingan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Untuk memperkayakan gaya elemen halaman web, dan untuk memisahkan kandungan dan gaya halaman web, CSS lahir daripada idea ini ialah singkatan Helaian Gaya Cascading, yang bermaksud helaian gaya berlatarkan. . Dengan CSS, kebanyakan teg yang menyatakan gaya dalam HTML tidak lagi diperlukan HTML hanya bertanggungjawab untuk struktur dan kandungan dokumen, dan pembentangan diserahkan sepenuhnya kepada CSS, menjadikan dokumen HTML lebih ringkas.
CSS digunakan terutamanya untuk mereka bentuk gaya halaman web dan mencantikkan halaman web; ia bukan sahaja boleh mengubah suai halaman web secara statik, tetapi juga secara dinamik memformat pelbagai elemen halaman web bersama-sama dengan pelbagai bahasa skrip.
CSS boleh melaksanakan kawalan tepat tahap piksel ke atas susun atur kedudukan elemen dalam halaman web, menyokong hampir semua gaya saiz fon dan mempunyai keupayaan untuk mengedit objek halaman web dan gaya model.
Gaya CSS terutamanya merangkumi tiga jenis: gaya sebaris (gaya sebaris), gaya dalaman (gaya sebaris) dan gaya luaran (gaya luaran).
1. Gaya sebaris: dalam struktur
, iaitu gaya yang ditulis dalam teg, dalam atribut gaya.
Contoh:
<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
2. Gaya dalaman (gaya terbenam):
ditulis di dalam halaman HTML dan disimpan dalam teg kepala , gaya ditulis dalam tag gaya.
Contoh:
<style>
选择器 {属性名：属性值；属性名：属性值；......}
</style>3. Gaya luaran (gaya luaran):
Gaya luaran ialah meletakkan semua gaya dalam satu atau berbilang luaran fail helaian gaya dengan sambungan .css. Dokumen helaian gaya CSS mewakili helaian gaya luaran.
Helaian gaya luaran mesti diimport ke dalam dokumen web sebelum ia boleh dikenali dan dihuraikan oleh penyemak imbas. Fail helaian gaya luaran boleh diimport ke dalam dokumen HTML dalam dua cara.
1) Gunakan teg untuk mengimport
Gunakan teg untuk mengimport fail helaian gaya luaran:
<link href="css文件路径" rel="stylesheet" type="text/css" />
Penerangan setiap atribut:
atribut href menetapkan alamat fail helaian gaya luaran, yang boleh menjadi alamat relatif atau alamat mutlak. Atribut
rel mentakrifkan dokumen yang berkaitan, yang di sini bermaksud helaian gaya yang berkaitan.
Atribut jenis mentakrifkan jenis fail yang diimport Seperti elemen gaya, teks/css menunjukkan fail teks CSS.
2) Gunakan kata kunci @import untuk mengimport
Gunakan kata kunci @import dalam teg