Beberapa teknik CSS klasik yang biasa digunakan_Pertukaran pengalaman

Gunakan ketinggian garis untuk pemusatan menegak

tinggi garis:24px
Apabila menggunakan bekas lebar tetap dan memerlukan baris untuk berpusat secara menegak, gunakan ketinggian garis (ketinggian ialah sama seperti bekas lapisan induk), lebih banyak ringkasan pemusatan menegak boleh dilihat di sini.

Bekas yang jelas terapung

#utama {
overflow:hidden;
}
Masalah ini juga telah dinyatakan sebelum ini, anda boleh lihat di sini.

Jangan benarkan pautan membalut

a {
white-space:nowrap;
}
Tetapan di atas boleh menghalang pautan daripada dibungkus, tetapi saya secara peribadi mengesyorkan panjang Pautan akan mempunyai baris yang sepadan (untuk perbincangan pemisah baris, lihat rekod di tengah bulatan).

Sentiasa benarkan Firefox memaparkan bar skrol

html {
overflow:-moz-scrollbars-vertical;
}
Untuk lebih banyak sifat CSS peribadi Mozilla/Firefox, sila rujuk ke sini. Untuk sokongan pelayar silang, anda juga boleh menggunakan

badan, html {
tinggi min:101%;
}
untuk memusatkan elemen blok secara mendatar

margin : 0 auto;
Sebenarnya, ia adalah

margin-left: auto;
margin-right: auto; tambahkan lebarnya. Anda juga boleh menggunakan

body{
text-align: center;
}
dan kemudian tentukan bekas dalam

text-align: left
Restore .

Sembunyikan bar skrol kawasan teks Explorer

textarea {
overflow:auto;
}
Explor textarea mempunyai bar skrol menegak secara lalai (jangan tanya saya mengapa ).

Tetapkan paging pencetakan

h2 {
page-break-before:always;
} Atribut
page-break-before boleh menetapkan paging semasa mencetak halaman web.

Alih keluar kotak bertitik pada pautan

a:active, a:focus {
outline:none;
Firefox akan memfokus pada pautan secara lalai ( atau klik ), tambahkan bingkai bertitik, yang boleh dipadamkan menggunakan sifat di atas.

Tetapan semula CSS yang paling mudah

* {
margin: 0; padding: 0
}
Jika anda ingin menjadi "kompleks", rujuk pendekatan YUI (juga di sini). Sesetengah pengguna juga menyatakan pandangan mereka dalam mesej asal

Saya harus bersetuju dengan Niall Doherty, * {margin: 0px; 🎜>atribut". Itu adalah ketegangan yang sangat tidak perlu pada pelayan dan
amalan semantik yang buruk, kerana anda perlu memberikan beberapa elemen
lapik/margin sekali lagi, selepas menanggalkannya.