Lapan kemahiran susun atur CSS yang anda perlu kuasai semasa membuat laman web_Pertukaran pengalaman

1. Jika anda mempunyai sebarang soalan, semak dengan segera

Jika anda boleh melakukan semakan ringkas pada kod asal apabila ralat berlaku, anda boleh menjimatkan banyak sakit kepala. W3C mempunyai alat pengesanan yang tersedia untuk XHTML dan CSS, sila lihat http://validator.w3.org. Sila ambil perhatian bahawa ralat pada permulaan fail boleh menyebabkan lebih banyak ralat disebabkan oleh struktur yang tidak betul dan faktor lain, kami mengesyorkan untuk membetulkan beberapa ralat yang paling jelas dahulu dan kemudian menyemak semula, yang mungkin mengurangkan bilangan ralat.

2. Ingat untuk mengosongkan arahan dengan sewajarnya apabila menggunakan fungsi terapung

Terapung adalah fungsi berbahaya dan mungkin tidak menghasilkan hasil yang anda jangkakan. Jika anda menemui unsur terapung yang melampaui sempadan bekas sekeliling atau situasi luar biasa lain, pastikan anda melakukannya dengan betul. Lihat tutorial Eric Meyer di Kompleks Spiral Consulting Web.

3. Gunakan pelapik atau sempadan untuk mengelakkan sempadan bertindih

Anda mungkin bergelut untuk mendapatkan sedikit ruang yang tidak sepatutnya ada, atau apabila anda memerlukan sedikit ruang, anda tidak boleh. memerahnya tidak kira apa. Jika anda menggunakan margin, mudah untuk bertindih sempadan;

4. Cuba elakkan daripada menyatakan padding/sempadan dan ketinggian atau lebar pada elemen pada masa yang sama

Versi Windows IE sering menyebabkan masalah pengiraan dengan lebar dan ketinggian. Terdapat beberapa cara untuk menyelesaikan masalah ini, tetapi jika elemen induk perlu menentukan ketinggian dan lebar, sebaiknya gunakan margin pada elemen anak dalam elemen induk, atau apabila elemen anak perlu menentukan ketinggian dan lebar, gunakan padding pada elemen induk untuk mencapai Kesan ini.

5 Jangan bergantung pada min-width/min-height

Versi Windows IE tidak menyokong kedua-dua sintaks. Tetapi pada tahap tertentu, versi Windows IE boleh mencapai kesan yang setara dengan lebar min/tinggi min, jadi selagi anda melakukan beberapa penapisan pada IE, anda boleh mencapai hasil yang anda inginkan.

6. Jika ragu-ragu, kurangkan peratusan dahulu

Kadangkala sesetengah ralat akan menjadikan 50%+50% menjadi 100.1%, menyebabkan masalah pada halaman web. Pada masa ini cuba ubah nilai ini kepada 49% atau 49.9%.

7. Ingat kaedah penulisan "TRouBLed"

Border, sintaks singkatan margin dan padding mempunyai susunan tertentu, bermula dari atas dan pusing mengikut arah jam: atas, kanan, bawah, kiri. Jadi margin :0 1px 3px 5px; Hasilnya tiada sempadan di bahagian atas, 1 piksel di sebelah kanan dan seterusnya. Ingat "TRouBLe" dan anda tidak akan mendapat urutan yang salah.

8 Selagi nilainya bukan sifar, unit mesti dinyatakan

CSS memerlukan anda menentukan unit untuk setiap fon, jidar dan nilai lain. (Satu-satunya pengecualian ialah ketinggian garis)