Css Reset (reset) susunan kaedah_Pertukaran pengalaman

Apakah itu Css Reset? Sesetengah rakan sekerja memanggilnya "css reset", dan sesetengahnya mungkin memanggilnya "css lalai"...

Saya percaya anda akan mendapat pemahaman baharu tentang Css Reset selepas membaca sepenuhnya teks
PS:

* { 
padding: 0; 
margin: 0; 
}

Ini ialah Tetapan Semula Css yang paling biasa digunakan, tetapi terdapat banyak masalah di sini.

Bahagian pertama artikel asal banyak bercakap tentang Css dan perbezaan dalam peraturan CSS setiap penyemak imbas "Tetapan Semula Css" juga dirumuskan untuk keserasian dan penyatuan penggunaan "Tetapan Semula CSS" yang betul dan berkesan. boleh meningkatkan prestasi ke tahap tertentu adalah terhad. Saya hanya boleh memahami maksud umum. Sila baca


Tetapan Semula Minimalis [ Versi 2 ]
Reka bentuk sempadan:0 agak tidak boleh dipercayai


Tetapan Semula Minimalis [ Versi 3 ]

Sudah tentu ini tidak disyorkan. Ia akan bercanggah dengan beberapa gaya lalai

* { 
padding: 0; 
margin: 0; 
}

Semula Semula Universal

Ini ialah kaedah penulisan yang lebih disukai oleh pengarang pada masa ini 🎜>

* { 
padding: 0; 
margin: 0; 
border: 0; 
}

Poor Man's Reset

Malah, ini juga merupakan jenis Set Semula Css yang biasa kami gunakan. Ia menetapkan semula saiz fon dan mengendalikan sempadan pautan imej
Ia juga sering dilihat di beberapa tapak

* { 
outline: 0; 
padding: 0; 
margin: 0; 
border: 0; 
}

Tetapan Semula Global Shaun Inman

Pengarang percaya bahawa Shaun mempunyai tujuan tertentu dalam menulis Tetapan Semula Css jenis ini

* { 
vertical-align: baselinebaseline; 
font-weight: inherit; 
font-family: inherit; 
font-style: inherit; 
font-size: 100%; 
border: 0 none; 
outline: 0; 
padding: 0; 
margin: 0; 
}

Dan jenis peraturan ini ditujukan kepada beberapa perkara penting penyemak imbas yang digunakan

Tetapan Semula CSS Erik Meyer
Pengarang menyusun semula kod Erik Meyer Tetapi Fungsinya masih sama
Set Semula Css ini adalah yang paling banyak digunakan dalam industri

html, body { 
padding: 0; 
margin: 0; 
} 
html { 
font-size: 1em; 
} 
body { 
font-size: 100%; 
} 
a img, :link img, :visited img { 
border: 0; 
}

Condensed Meyer. Tetapkan Semula

Secara umum, ini adalah pengubahsuaian dan penambahbaikan Tetapan Semula Css Erik Meyer