Apa itu Reset CSS? Beberapa rekan menyebutnya "css reset", dan beberapa mungkin menyebutnya "css default"...
Saya yakin Anda akan memiliki pemahaman baru tentang Css Reset setelah membaca teks lengkapnya.
Alamat asli...
PS:
Kode program
* {
bantalan: 0;
margin: 0;
}
Ini adalah Reset Css yang paling umum digunakan, namun banyak masalah disini.
Bagian pertama dari artikel asli berbicara banyak tentang Css dan perbedaan aturan CSS setiap browser. "Css Reset" juga diformulasikan untuk kompatibilitas dan penyatuan. Penggunaan "Css Reset" yang benar dan efektif dapat menghemat waktu dan uang batas tertentu.
Terima kasih banyak kepada Perishable yang telah mengatur dan merangkumnya.
Berikut ini adalah pengenalan singkat tentang beberapa jenis Reset Css. Penulis memiliki kemampuan yang terbatas dan hanya dapat memahami arti umum saja.
Reset Minimalis [Versi 1]
kode program
yang sering kita gunakan.
* {
bantalan: 0;
margin: 0;
}
Reset Minimalis [Versi 2]
Desain border:0 agak tidak dapat diandalkan dan
kode programnya
* {
bantalan: 0;
margin: 0;
batas: 0;
}
Reset Minimalis [Versi 3]
Tentu saja, hal ini tidak disarankan karena akan bertentangan dengan beberapa gaya
kode program default.
* {
garis besar: 0;
bantalan: 0;
margin: 0;
batas: 0;
}
Reset Universal Terkondensasi
Ini adalah metode penulisan yang disukai penulis saat ini, memastikan kesatuan gaya browser yang relatif umum.
kode program
* {
perataan vertikal: garis dasargaris dasar;
font-weight: mewarisi;
font-family: mewarisi;
gaya font: mewarisi;
ukuran font: 100%;
perbatasan: 0 tidak ada;
garis besar: 0;
bantalan: 0;
margin: 0;
}
Reset Orang Miskin
Kode program
untuk mengatur ulang ukuran font dan pemrosesan batas tautan gambar sering terlihat di beberapa situs.
html, isi {
bantalan: 0;
margin: 0;
}
html {
ukuran font: 1em;
}
tubuh {
ukuran font: 100%;
}
sebuah img, :link img, :mengunjungi img {
batas: 0;
}
Reset Global Shaun Inman
Penulis percaya bahwa Shaun memiliki tujuan tertentu dalam menulis Reset Css jenis ini dan aturan tersebut ditujukan untuk beberapa browser penting yang umum digunakan seperti IE, Firefox dan
kode program lainnya.
badan, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pra,
formulir, kumpulan bidang, masukan, p, blockquote, tabel, th, td, sematkan, objek {
bantalan: 0;
margin: 0;
}
meja {
keruntuhan perbatasan: keruntuhan;
spasi batas: 0;
}
kumpulan bidang, img, abbr {
batas: 0;
}
alamat, keterangan, kutipan, kode, dfn, em,
h1, h2, h3, h4, h5, h6, kuat, th, var {
berat font: normal;
gaya font: normal;
}
jalan {
gaya daftar: tidak ada;
}
keterangan, th {
perataan teks: kiri;
}
h1, h2, h3, h4, h5, h6 {
ukuran font: 1.0em;
}
q:sebelum, q:setelah {
isi: '';
}
a, dalam {
dekorasi teks: tidak ada;
}
Penyetelan Ulang Yahoo CSS
kode program
Reset yang ditulis oleh orang-orang di Google dapat direkomendasikan.
badan,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pra,bentuk,
kumpulan bidang,masukan,area teks,p,blockquote,th,td {
bantalan: 0;
margin: 0;
}
meja {
keruntuhan perbatasan: keruntuhan;
spasi batas: 0;
}
kumpulan bidang,img {
batas: 0;
}
alamat, keterangan, kutipan, kode, dfn, em, kuat, th, var {
berat font: normal;
gaya font: normal;
}
ol,ul {
gaya daftar: tidak ada;
}
keterangan, ke {
perataan teks: kiri;
}
h1,h2,h3,h4,h5,h6 {
berat font: normal;
ukuran font: 100%;
}
q:sebelum,q:sesudah {
isi:'';
}
abbr, akronim { batas: 0;
}
Penyetelan Ulang CSS Erik Meyer
Penulis telah menata ulang kode Erik Meyer, namun fungsinya masih sama. Kumpulan Css Reset ini merupakan
kode program
yang paling umum digunakan di industri.
html, isi, div, rentang, applet, objek, iframe, tabel, keterangan, tbody, tfoot, thead, tr, th, td,
del, dfn, em, fon, img, ins, kbd, q, s, samp, kecil, menyerang, kuat, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pra, a, abbr, akronim, alamat, besar, kutipan, kode,
dl, dt, dd, ol, ul, li, fieldset, formulir, label, legenda {
perataan vertikal: garis dasargaris dasar;
font-family: mewarisi;
font-weight: mewarisi;
gaya font: mewarisi;
ukuran font: 100%;
garis besar: 0;
bantalan: 0;
margin: 0;
batas: 0;
}
/* ingat untuk mendefinisikan gaya fokus! */
:fokus {
garis besar: 0;
}
tubuh {
latar belakang: putih;
tinggi garis: 1;
warna: hitam;
}
ol, ul {
gaya daftar: tidak ada;
}
/* tabel masih memerlukan cellpacing="0" di markupnya */
meja {
keruntuhan perbatasan: terpisah;
spasi batas: 0;
}
keterangan, th, td {
berat font: normal;
perataan teks: kiri;
}
/* menghilangkan kemungkinan tanda kutip (") dari &
*/
blockquote:sebelum, blockquote:setelah, q:sebelum, q:setelah {
isi: "";
}
kutipan blok, q {
kutipan: "" "";
}
Reset Meyer Terkondensasi
Secara umum ini merupakan modifikasi dan penyempurnaan dari
kode program Css Reset Erik Meyer.
badan, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pra, formulir, kumpulan bidang, masukan, area teks, p, blockquote, th, td {
bantalan: 0;
margin: 0;
}
kumpulan bidang, img {
batas: 0;
}
meja {
keruntuhan perbatasan: keruntuhan;
spasi batas: 0;
}
ol, ul {
gaya daftar: tidak ada;
}
alamat, keterangan, kutipan, kode, dfn, em, kuat, th, var {
berat font: normal;
gaya font: normal;
}
keterangan, th {
perataan teks: kiri;
}
h1, h2, h3, h4, h5, h6 {
berat font: normal;
ukuran font: 100%;
}
q:sebelum, q:setelah {
isi: '';
}
abbr, akronim {
batas: 0;
}