Ketika saya pertama kali mengenal CSS, saya bingung sering kali tidak tahu harus mulai dari mana atau bagaimana memulainya. Setelah mendapatkan rendering, banyak pertanyaan yang mengganggu kami. Bagaimana tata letaknya? Penentuan posisi absolut atau posisi relatif, label mana yang harus dipilih? Struktur apa yang harus diadopsi. .dll. Tentunya dalam proses penulisan kode kita akan banyak menemui kendala, terutama kita para pemula yang belum terlalu paham dengan segala aspek dan kurang pengalaman, sehingga sering kali kita mengalami kebingungan ketika menemui kendala. Menurut saya, ketika kita menghadapi masalah, kita harus belajar merangkumnya agar tidak mengulangi kesalahan yang sama di lain waktu.
Berikut ini adalah beberapa kesalahan umum yang telah saya rangkum dalam pekerjaan saya:
dan tips solusi semoga dapat membantu para pemula css.
1. Periksa apakah ada kesalahan ejaan pada elemen HTML atau apakah Anda lupa menutup tag.
Bahkan pakar terbaik pun akan melakukan kesalahan seperti itu, karena jika struktur halaman sangat kompleks dan bertumpuk dalam banyak lapisan, tag penutup akan mudah hilang. Apalagi seperti saya yang terbiasa menulis di Notepad, saya lebih mudah melakukan kesalahan. Jadi berhati-hatilah saat menulis.
2. Periksa apakah CSS sudah benar
Secara umum, kesalahan paling umum dalam CSS adalah nama atribut dalam gaya dan HTML tidak konsisten. Alhasil, gayanya sudah tertulis dengan jelas, tapi tidak berpengaruh.
3. Gunakan latar belakang untuk menemukan lapisan yang sesuai
Saat kami men-debug kesalahan, terutama saat men-debug kompatibilitas browser, ada banyak lapisan bertumpuk, yang rentan terhadap ketidaksejajaran dan tumpang tindih. Saat ini, kami menambahkan warna latar belakang ke lapisan utama untuk menunjukkan perbedaannya. Ini membantu menghilangkan kesalahan.
4. Menentukan lokasi kesalahan dengan metode eliminasi
Saat kita menulis kode CSS, biasanya kita melakukan sedikit dan kemudian mempratinjaunya. Jika terjadi kesalahan saat ini, kita dapat menghapus lapisan yang baru ditambahkan hingga ditampilkan secara normal untuk menentukan di lapisan mana masalahnya.
5. Elemen float harus menentukan atribut lebar
Banyak browser mengalami bug saat menampilkan elemen float dengan lebar yang tidak ditentukan. Jadi, apa pun konten elemen float, atribut lebar harus ditentukan untuknya.
6. Hapus gaya duplikat
Seringkali kita mendeklarasikan gaya publik di bagian atas dan kemudian melupakannya ketika kita menuliskannya di bawah. Misalnya, kami mendeklarasikan img{border:none;} di awal
Lalu ketika saya menemukan tag img, saya menulisnya lagi. Situasi ini harus dihindari.
7. Perhatikan format pengkodean
Dalam keadaan normal, format pengkodean yang kami gunakan adalah: gb2312 dan UTF8. Tidak ada perbedaan antara baik dan buruk. Tapi jangan mencampurnya. Banyak editor menggunakan format UTF8 secara default.
8. Urutan penulisan gaya tautan
Setelah banyak orang menulis gaya tautan, warna setelah diklik tidak sesuai dengan keinginan mereka. Urutan penulisan yang benar adalah: LVHA.