Beberapa teknik dan solusi masalah yang biasa digunakan dalam pengembangan front-end saya akan sering diperbarui. Semoga bermanfaat bagi teman-teman di jalan front-end.
1. Cara menampilkan tanggal di sebelah kanan pada daftar judul artikel (disediakan dua metode, dan penggunaannya tergantung situasi):
Metode 1: Ide di lantai dua versi ini (terima kasih~), menggunakan lebih sedikit sumber daya dan memiliki dua baris kode lagi.
<p>@Mr.ThinkIni adalah judul artikel<span>2010-10-10</span></p>
Definisi CSS:
p{posisi:relatif}
p span{posisi:mutlak; kanan:0}
Metode 2: Kode ini lebih kecil dari metode 1, tetapi menggunakan lebih banyak sumber daya.
<p><span>2010-10-10</span>@Mr.ThinkInilah judul artikelnya</p>
Kemudian tentukan rentang float kanan:
rentang p{mengapung:kanan}
Faktanya, metode ini dapat diperluas ke banyak situasi dan merupakan cara penulisan yang sangat praktis;
2. Menurut standar web, hanya boleh ada satu tag h1 di halaman yang sama. Banyak orang mengetahui konsep ini, tetapi hanya sedikit yang melakukannya;
3. Masalah margin spasi putih yang saling tumpang tindih: Hal ini biasanya dihindari dengan menambahkan batas transparan atau padding 1px. Interpretasi terperinci: http://mrthink.net/css-margin-overlying-way/ ;
4. Max/min-width/height diimplementasikan pada ie6, _width: Expression(this.width >600 ? "600px" : true);
5. html/kelas/id, yang terbaik adalah menulisnya dalam huruf kecil, yang lebih ketat (sesuai dengan standar xhtml);
6. Tidak disarankan menggunakan kode berikut agar kompatibel dengan IE8:
<meta http-equiv="Kompatibel dengan X-UA" content="IE=7" />
Jika halaman tersebut bukan halaman jangka pendek, cobalah untuk tidak menggunakannya. Halaman tersebut harus kompatibel dengan versi sebelumnya.