Beberapa kemahiran CSS yang sangat baik, tetapi mereka sering diabaikan oleh pertukaran people_Experience

1. Sensitif Huruf
Apabila menggunakan CSS dalam XHTML, nama elemen yang ditakrifkan dalam CSS adalah sensitif huruf besar. Untuk mengelakkan ralat ini, saya mengesyorkan menggunakan huruf kecil untuk semua nama definisi.

2. Tidak perlu menambah petikan pada laluan imej latar belakang
Untuk menyimpan bait, saya mengesyorkan agar tidak menambah petikan pada laluan imej latar belakang, kerana petikan tidak diperlukan. Contohnya:

background:url("images/***.gif") #333;

boleh ditulis sebagai

background:url(images/***.gif) #333;

Jika anda menambah tanda petikan , Sebaliknya, ia akan menyebabkan beberapa ralat penyemak imbas


3 Tentukan gaya pautan dalam susunan yang betul
Apabila anda menggunakan CSS untuk mentakrifkan berbilang gaya keadaan pautan, perhatikan keadaannya. ditulis. Susunan yang betul ialah: :link :visited :hover :active Huruf pertama yang diekstrak ialah "LVHA", yang boleh anda ingat sebagai "LoVe HAte" (suka membenci
A sangat biasa Masalah CSS ialah apabila kedudukan terapung, lapisan asas dilindungi oleh lapisan terapung, atau sub-lapisan bersarang dalam lapisan melebihi skop lapisan luar

Lazimnya penyelesaiannya adalah dengan menambah elemen tambahan di belakang lapisan terapung, seperti div atau br, dan tentukan gayanya sebagai jelas: kedua-duanya Kaedah ini agak tidak masuk akal Clear Floats Without Structural Markup" (Nota: Tapak ini akan menterjemah artikel ini secepat mungkin)

Dua kaedah di atas boleh menyelesaikan masalah limpahan terapung dengan baik, tetapi jika anda benar-benar perlu membetulkan lapisan. Atau apa yang perlu dilakukan apabila objek dalam lapisan dikosongkan? Kaedah mudah ialah menggunakan atribut limpahan Kaedah ini pada asalnya diterbitkan dalam "Pembersihan Mudah Terapung" dan digunakan secara meluas dalam Perbincangan "Pembersihan terapung super mudah". .

Antara kaedah yang jelas di atas yang lebih sesuai untuk anda bergantung pada situasi tertentu, dan saya tidak akan membincangkannya di sini, beberapa artikel yang sangat baik telah saya cadangkan anda membacanya : "Floatutorial", "Containing Floats" dan "Float Layouts"


5. Pemusatan mendatar (centering)
Ini adalah teknik yang mudah, tetapi patut diperkatakan sekali lagi kerana saya pernah melihatnya. banyak soalan Newbie semua bertanya ini: Bagaimana untuk memusatkan CSS secara mendatar Anda perlu menentukan lebar elemen dan menentukan margin mendatar Jika susun atur anda terkandung dalam lapisan (bekas), seperti ini:
badan { text-align:center;
}
#wrap {
width:760px;*/
margin:0 auto;
text-align:left;
}


6. Kemahiran menyahpepijat: Seberapa besar lapisan itu? mudah diselesaikan. Anda dapat melihat dengan jelas berapa banyak ruang yang diduduki oleh lapisan Sesetengah orang mencadangkan menggunakan sempadan, yang secara amnya mungkin, tetapi masalahnya ialah kadangkala sempadan akan meningkatkan saiz elemen, dan sempadan atas dan bawah akan memusnahkan. nilai jidar menegak, jadi gunakan latar belakang Lebih selamat