Metode Pendahuluan dan Pemrosesan Terbaik dari Gaya Default Browser

Baru -baru ini, saya telah menyesuaikan format halaman web untuk menemukan bahwa selalu ada ruang sekitar 10 piksel di bagian bawah halaman web.

Ditemukan bahwa ada margin-botton: 1em;

Saya menemukan bahwa stylesheet agen pengguna ini adalah beberapa gaya default dari The Stray. Solusi termudah untuk tidak puas dengan gaya default ini adalah mendesain ulang atribut gaya ini, karena prioritas stylesheet agen pengguna sangat rendah dan akan dibahas. Margin-Bottom diatur ke 0px.

Browser yang berbeda tidak konsisten dengan gaya default dari elemen yang sama, itulah sebabnya kita harus menulis di awal CSS* {padding: 0;

Tapi sekarang bukan hanya ini. Pada dasarnya, akan ada perbedaan dalam kinerja dua browser dari kernel yang berbeda dalam elemen tertentu, seperti ukuran, pemilihan font, dan gaya indentasi karakter. Mungkin meja gaya CSS yang sangat indah dilakukan dengan baik di satu browser.

Oleh karena itu, ketika kami menghasilkan aturan gaya CSS, langkah yang harus -do adalah mendesain ulang gaya default browser, yaitu gaya default browser. Berbeda dari penggunaan* {padding: 0;

Misalnya, paragraf berikut:

Font yang digunakan dalam kode ini di Internet Explorer adalah Times New Roman, dan font default sistem digunakan dalam Firefox dan Opera. Oleh karena itu, kita harus menetapkan gaya terpadu untuk <h1> di CSS.

Namun, jika kita menggunakan gaya -The -mest jika kita menggunakan* {padding: 0; , dll. Beberapa browser akan mengabaikan desain ulang mereka, dan yang lebih penting, ini akan benar -benar merusak penampilan elemen -elemen ini, jadi Anda harus secara manual menetapkan nilai bantalan dan nilai margin untuk mereka satu per satu. Jadi kita harus menyerah hanya menggunakan*, tetapi memutar ulang elemen pertama dengan inkonsistensi yang ada, seperti tubuh, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h5, h5, h6 , Pra, dll.

Pada saat yang sama, gaya default elemen dapat menghancurkan penampilan halaman. Misalnya, <b> elemen akan menebalkan teks, <blockquote> akan lekukan di bagian besar, <em> akan memiringkan teks, dll. Jika Anda ingin meminta penampilan teks halaman ulang. Pada saat yang sama, kadang -kadang kita membutuhkan penampilan elemen -elemen ini sebagai elemen induk, dan kita dapat secara langsung menggunakan warisan untuk mewarisi dari elemen induk.

Adapun elemen mana yang harus di -ulang? Yahoo! telah membuat ringkasan untuk kita. Menurut saran Yahoo, Anda perlu memasukkan aturan ini dalam file yang disebut reset.css saja (merekomendasikan metode ini):

 html {color: #000; , Td {margin: 0; , Var {font-style: normal; Ukuran font: 100%;

Yang harus Anda lakukan adalah hanya menyimpan aturan ini ke reset.css dan menggunakannya di halaman. Ketika Anda perlu menambahkan gaya baru ke elemen -elemen ini, itu tidak berbeda dengan pengaturan elemen lain.

Di atas adalah semua konten dari artikel ini.