Apakah format asas peraturan css

Format asas peraturan css ialah "pemilih {atribut: nilai atribut;}". "Pemilih" digunakan untuk memberitahu penyemak imbas objek dalam halaman yang dibalut oleh "{}" akan digunakan pada "Atribut" ialah pilihan gaya yang disediakan oleh CSS "Nilai atribut" ialah parameter yang digunakan untuk memaparkan kesan atribut.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3, komputer Dell G3.

Gaya ialah unit sintaks terkecil CSS Setiap gaya mengandungi dua bahagian: pemilih dan pengisytiharan (peraturan), seperti yang ditunjukkan dalam rajah di bawah.

1) Pemilih

Pemilih memberitahu penyemak imbas objek mana dalam halaman yang gaya akan bertindak pada Objek ini menjadi teg tertentu, semua objek halaman web, kelas atau nilai id tertentu, dsb. Apabila penyemak imbas menghuraikan gaya ini, ia memaparkan kesan paparan objek berdasarkan pemilih.

2) Pengisytiharan

Anda boleh menambah satu atau banyak pengisytiharan ini memberitahu penyemak imbas cara untuk memaparkan objek yang ditentukan oleh pemilih.

Perisytiharan mesti mengandungi dua bahagian: atribut dan nilai atribut, dan menggunakan koma bertitik untuk menandakan pengakhiran pengisytiharan boleh diabaikan untuk pengisytiharan terakhir dalam gaya.

Semua pengisytiharan diletakkan dalam sepasang pendakap kerinting { }, sejurus selepas pemilih.

3) Sifat

Sifat ialah pilihan gaya 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.

4) Nilai atribut (Nilai)

Nilai atribut digunakan untuk memaparkan parameter kesan atribut. Ia termasuk nilai berangka dan unit, atau kata kunci.

[Contoh 1] Tentukan saiz fon halaman web menjadi 12 piksel dan warna fon menjadi kelabu gelap, kemudian anda boleh menetapkan gaya berikut.

body{ font-size: 12px; color: #CCCCCC; }

Berbilang gaya boleh disandingkan tanpa perlu mempertimbangkan cara memisahkannya.

[Contoh 2] Tentukan warna latar belakang teks perenggan menjadi ungu, kemudian anda boleh mentakrifkan gaya berikut berdasarkan gaya di atas.

body{ font-size: 12px; color: #CCCCCC;} p{ background-color: #FF00FF; }

Memandangkan bahasa CSS mengabaikan ruang (kecuali ruang di dalam pemilih), ruang boleh digunakan untuk memformat kod sumber CSS Kod di atas boleh dipercantikkan seperti berikut:

body {
    font-size: 12px;
    color: #CCCCCC;
}
p {
    background-color: #FF00FF;
}

Ini akan menjelaskan dengan sepintas lalu apabila membaca kod sumber css, yang mudah dibaca dan lebih mudah diselenggara.

Sebarang bahasa memerlukan ulasan HTML menggunakan

[Contoh 3] Komen berikut boleh dibuat untuk gaya di atas.

body {  /*页面基本属性*/
    font-size: 12px;
    color: #CCCCCC;
}
/*段落文本基础属性*/
p {
    background-color: #FF00FF;
}

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah format asas peraturan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!