Dalam kerja saya baru-baru ini, saya telah menghadapi banyak masalah yang saya fikir adalah yang paling penting, dan itu ialah susunan CSS yang ditulis dapat mencerminkan pemikiran seorang pekerja hadapan. Jika anda melihat artikel ini, sila berhenti menulis mana-mana atribut yang terlintas di fikiran.
Mula-mula mari kita lihat susunan penulisan yang disyorkan oleh firefox
* Gaya Asas mozilla.org
* yang diselenggara oleh fantasai
* (kelas yang ditakrifkan dalam Panduan Penandaan -http:// mozilla.org /contribute/writing/markup)
*/
/* Susunan yang dicadangkan:
//Atribut paparan
* paparan
* gaya senarai
* kedudukan
* terapung
* jelas
//Atribut diri
* lebar
* tinggi
* jidar
* padding
* sempadan
* latar belakang
//teks atribut
* warna
* fon
* hiasan teks
* penjajaran teks
* jajar menegak
* ruang putih
* kandungan teks lain
*
*
*/
Seperti yang anda boleh lihat dari pesanan yang disyorkan di atas, ia sangat teratur. Urutan yang disyorkan di atas tidak termasuk atribut yang lebih terperinci, seperti: atas, kanan, bawah, kiri, dsb. Sesetengah orang mungkin bertanya, adakah ini mempunyai apa-apa kesan ke atas prestasi Saya sangat menyesal untuk memberitahu anda, saya tidak tahu sama ada, tetapi saya fikir melakukan perkara dengan cara yang teratur adalah cara yang betul (mungkin anda mempunyai cara yang lebih baik).
Pemahaman saya:
1 Atribut paparan: paparan||keterlihatan||gaya senarai(jenis-gaya senarai, imej-gaya senarai, kedudukan-gaya senarai)||limpahan
2. Atribut kedudukan dan terapung: kedudukan||atas||kanan||bawah||kiri||terapung||jelas
3 Model kotak: lebar||tinggi||margin||padding||sempadan
4. Latar belakang: latar belakang (imej latar belakang, kedudukan latar belakang, ulangan latar belakang, lampiran latar belakang)
5 |font-family||warna
6. Atribut teks: text-indent||text-align||vertical-align||letter-spacing||word-spacing||text-transform||text-decoration| | text-shadow
7 Lain-lain
Petikan seseorang, "Sama ada anda menggunakan pesanan ini atau tidak, saya tetap menggunakannya." Sebarang pembetulan dialu-alukan