Sintaks CSS terdiri daripada tiga bahagian: pemilih, sifat dan nilai. Pemilih boleh memberitahu penyemak imbas bahagian mana gaya akan digunakan pada Atribut ialah pilihan gaya yang disediakan oleh CSS Nilai atribut digunakan untuk memaparkan parameter kesan atribut ialah "pemilih {atribut nilai}".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
sintaks css terdiri daripada tiga bahagian: pemilih, sifat dan nilai.
Pemilih memberitahu penyemak imbas objek dalam halaman mana gaya akan digunakan untuk teg tertentu, semua objek halaman web, kelas atau nilai id tertentu. tunggu. Apabila penyemak imbas menghuraikan gaya ini, ia memaparkan kesan paparan objek berdasarkan pemilih.
Hartanah ialah pilihan gaya set yang disediakan oleh CSS. Nama atribut terdiri daripada satu atau lebih perkataan dan berbilang perkataan disambungkan dengan tanda sempang. Ini secara intuitif boleh mewakili kesan atribut yang akan digayakan.
Nilai (nilai) merujuk kepada nilai atribut, parameter yang digunakan untuk memaparkan kesan atribut. Ia termasuk nilai berangka dan unit, atau kata kunci.
Pemilih biasanya ialah elemen HTML atau teg yang anda ingin tentukan, sifat ialah atribut yang ingin anda ubah dan setiap sifat mempunyai nilai. Sifat dan nilai dipisahkan oleh titik bertindih dan dikelilingi oleh pendakap kerinting, dengan itu membentuk pengisytiharan gaya lengkap:
selector {property: value} 选择器{属性:属性值}
Contoh:
body {color: blue}
di atas Tujuan ini baris kod adalah untuk menentukan warna teks dalam elemen badan sebagai biru. Dalam contoh di atas, badan ialah pemilih dan bahagian yang disertakan dalam pendakap kerinting ialah pengisytiharan. Pengisytiharan terdiri daripada dua bahagian: atribut dan nilai Warna ialah atribut dan biru ialah nilai.
Berbilang pengisytiharan:
Petua: Jika anda ingin mentakrifkan lebih daripada satu perisytiharan, anda perlu memisahkan setiap perisytiharan dengan koma bertitik. Contoh di bawah menunjukkan cara untuk menentukan perenggan berpusat dengan teks merah. Peraturan terakhir tidak memerlukan koma bertitik, kerana koma bertitik ialah pembatas dalam bahasa Inggeris, bukan penamat. Walau bagaimanapun, kebanyakan pereka bentuk berpengalaman akan menambah koma bertitik pada akhir setiap pengisytiharan Ini mempunyai kelebihan untuk meminimumkan kemungkinan ralat apabila anda menambah atau menolak pengisytiharan daripada peraturan sedia ada. Seperti ini:
p {text-align:center; color:red;}
Anda hanya perlu menerangkan satu atribut setiap baris untuk meningkatkan kebolehbacaan definisi gaya, seperti ini:
p { text-align: center; color: black; font-family: arial; }
ruang dan sensitif huruf besar-kecil
Kebanyakan helaian gaya mengandungi lebih daripada satu peraturan dan kebanyakan peraturan mengandungi lebih daripada satu pengisytiharan. Penggunaan berbilang pengisytiharan dan ruang menjadikan helaian gaya lebih mudah untuk diedit:
body {
color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }
Sama ada ia mengandungi ruang atau tidak tidak menjejaskan cara CSS berfungsi dalam penyemak imbas . Begitu juga, Tidak seperti XHTML, CSS tidak sensitif huruf besar-kecil. Terdapat satu pengecualian: apabila ia datang untuk bekerja dengan dokumen HTML, nama kelas dan id adalah sensitif huruf besar.
Sintaks Lanjutan CSS: Pengumpulan Pemilih
Anda boleh mengumpulkan pemilih supaya pemilih berkumpulan berkongsi pengisytiharan yang sama.
Gunakan koma untuk memisahkan pemilih yang perlu dikumpulkan. Dalam contoh di bawah, kami telah mengumpulkan semua elemen tajuk. Semua elemen tajuk berwarna hijau.
h1,h2,h2,h3,h5,h6 { color: green; }
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah tiga komponen sintaks css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!