Beberapa petua untuk menggunakan CSS keseluruhan reka letak declaration_Experience exchange

Kita harus membangunkan tabiat pengekodan yang baik Pengisytiharan susun atur keseluruhan CSS menyediakan cara untuk memudahkan kod kami dan meningkatkan kecekapan operasi. Kami menyenaraikan borang yang lebih biasa digunakan dan menambah penjelasan. Fungsi pengisytiharan reka letak keseluruhan adalah untuk meringkaskan matlamat secara keseluruhan dan mengisytiharkan beberapa atribut dan nilai yang serupa atau pada asasnya sama, untuk mengelakkan keperluan untuk mentakrifkannya secara berasingan dalam setiap teg dalam kod berikutnya. Jika terdapat atribut dan nilai yang berbeza, ia boleh ditakrifkan semula kemudian.

1. Penyata reka letak keseluruhan kad bebas.

* { 
margin:0; 
padding:0; 
font-size:0.8em; 
... 
}

Jenis pernyataan ini adalah untuk keseluruhan halaman. Anda boleh menetapkan sifat biasa kepada elemen halaman. Daripada perlu mengisytiharkan setiap elemen secara individu. Dalam kod di atas, kami mengisytiharkan margin dan padding sebagai sifar, dan saiz fon ialah 0.8em. Atribut dan nilai yang diisytiharkan digunakan pada semua elemen pada halaman. Melainkan nilai margin, padding dan saiz fon ditakrifkan semula dalam kod berikutnya, nilai tersebut akan dipaparkan mengikut takrifan ini.

2. Penyataan keseluruhan yang ditag

body { 
background:#fff; 
font-family: Courier, "Courier New", monospace; 
} 
或 
p { 
background:#fff; 
font-family: Courier, "Courier New", monospace; 
}

Penyataan jenis ini adalah untuk teg xhtml tertentu. Jika tiada definisi khas, pernyataan ini akan digunakan. Kami menentukan warna latar belakang dan fon badan. Oleh itu, semua elemen dalam badan menggunakannya melainkan ditakrifkan semula. Prinsip takrifan bagi perenggan p adalah sama.

3. Penyataan keseluruhan kumpulan

h1,h2,h3 {color:#00f; font-weight:100;}

Penyataan jenis ini menunjukkan warna teks dan fon tebal h1, h2, h3. Dalam operasi sebenar kami, ini tidak semestinya berlaku Mungkin beberapa elemen xhtml kelas atau ID mempunyai atribut yang sama, dan kita semua boleh mengumpulkannya untuk pengekodan. Beberapa perbezaan boleh ditakrifkan semula secara individu. Contohnya, dalam http://www.52css.com/article.asp?id=392 contoh reka bentuk borang CSS yang menyegarkan dengan ikon kecil. Kami menggunakan pengisytiharan jenis ini.
　

Di atas adalah beberapa kemahiran penggunaan CSS keseluruhan penyataan_kandungan pertukaran pengalaman Untuk kandungan yang lebih berkaitan, sila perhatikan tapak web PHP Cina (www.php.cn)!