Kesalahan CSS saya yang bodoh

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 letak!

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

Berikut adalah beberapa kesilapan CSS saya yang paling kerap:

 .element {paparan: flexbox; / *? ‍Ei */} 

Ini adalah klasik-lupa flex !

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

Mencuba kecerunan tanpa latar belakang harta. Ia adalah pembetulan yang mudah, tetapi mudah diabaikan.

Kedekatan 'X' dan 'C' pada papan kekunci membawa kepada ini:

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

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

Satu lagi kesilapan biasa, sering dilihat dalam coretan kod:

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

Dan isu penamaan pembolehubah yang sentiasa ada:

: root {--color-primary: #ff5722; -warna-secondary: #3E2723; } / * Lebih lama lagi ... * / .element {color: var (-warna primer); /*? */} 

Walaupun menyalin dan menampal boleh menjadi rumit:

 .element :: sebelum {content: ""; / * Harus "" */} 

sebut harga keriting yang licik! Dan kandungan yang terlupa ... atau mengabaikan untuk menetapkan position sebelum menggunakan z-index atau offset.

Ilusi kesempurnaan

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 pemecahan masalah dan menawarkan pengalaman pembelajaran yang tidak ternilai.

Jadi, mari kita jujur: Apa yang kesilapan CSS anda 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!