Kesalahan CSS saya yang bodoh

Kita semua berada di sana - saat -saat ketika kod kita tidak bekerjasama. Jika saya mempunyai kaunter "hari sejak kesilapan pengekodan terakhir", ia mungkin akan sentiasa membaca sifar. Kesilapan ini terdiri daripada kesilapan kecil ke keseluruhan folder modul NPM yang salah!

Keindahan CSS adalah sifat pengampunannya. Typo mudah sering tidak memecahkan seluruh tapak; Cascade mengendalikannya. Tetapi rasa malu kekal!

Berikut adalah beberapa kesilapan CSS saya yang paling kerap:

 .element {
  Paparan: Flexbox; / *? ‍♂️ */
}

Ini adalah klasik - melupakan flex !

 .Gradient {
  Linear-Gradient (45Deg, RGB (50% 100% 90%), RGB (62% 85% 93%));
}

Mencuba kecerunan tanpa harta background . Ia adalah penyelesaian yang mudah, tetapi mudah diabaikan.

Kedekatan 'x' dan 'c' pada papan kekunci membawa kepada ini:

 .element {
  saiz font: 16pc; /* Saya maksudkan piksel! */
}

Membingungkan unit px dan pc . Ia berlaku lebih kerap daripada yang saya ingin akui.

Satu lagi kesilapan biasa, sering dilihat dalam coretan kod:

 // Ini bukan komen CSS.
.element {
  /* Ini adalah komen CSS. */
}

Ingat, // adalah JavaScript, bukan CSS!

Melupakan var() sekitar pembolehubah CSS:

 .element {
  Warna:-warna-warna;
}

Dan isu penamaan pembolehubah yang sentiasa ada:

 : root {
  -Color-Primary: #FF5722;
  -warna-secondary: #3E2723;
}

/ * Lebih lama lagi ... */

.element {
  warna: var (-warna primer); /*? */
}

Malah menyalin dan menampal boleh menjadi rumit:

 .element :: sebelum {
  Kandungan: ""; / * Mestilah "" */
}

Petikan keriting yang licik! Dan harta content yang dilupakan ... atau mengabaikan untuk menetapkan position sebelum menggunakan z-index atau offset.

Ilusi kesempurnaan

Membaca catatan blog yang digilap boleh mencetuskan sindrom penipu. Mereka sering menghilangkan perjuangan dan kesilapan yang membawa kepada keputusan akhir. Sebenarnya, walaupun projek yang paling mengagumkan melibatkan banyak lelaran dan pembetulan.

Perjalanan, dengan benjolan dan lencongannya, sering lebih mengajar daripada produk akhir yang digilap. Ia mendedahkan proses penyelesaian masalah dan menawarkan pengalaman pembelajaran yang tidak ternilai.

Jadi, mari kita jujur: Apakah kesilapan CSS yang paling memalukan? Mari belajar dari kesilapan masing -masing!

Atas ialah kandungan terperinci Kesalahan CSS saya yang bodoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!