Bagaimana untuk mengosongkan gaya lalai css

Pembersihan CSS, juga dikenali sebagai tetapan semula css, ialah teknik yang sering digunakan oleh pembangun untuk mengatasi helaian gaya lalai penyemak imbas web. Dengan menetapkan semula gaya lalai, pembangun boleh mencipta helaian gaya mereka sendiri untuk memastikan tapak mereka muncul secara konsisten merentas semua penyemak imbas. Artikel ini akan mengajar anda semua tentang pembersihan CSS untuk menjadikan anda pembangun web yang lebih baik.

1. Mengapa jelaskan gaya lalai css?

Pelayar web menyediakan helaian gaya lalai yang menentukan cara elemen HTML dipaparkan. Walau bagaimanapun, gaya lalai ini mungkin berbeza mengikut jenis dan versi penyemak imbas, menyebabkan halaman anda kelihatan berbeza pada penyemak imbas yang berbeza. Untuk menyelesaikan masalah ini, pembangun sering menggunakan pembersihan CSS supaya mereka boleh menggunakan gaya yang sama merentas semua penyemak imbas.

Pembersihan CSS pada asasnya ialah satu set peraturan CSS yang menetapkan semula semua gaya lalai seperti warna fon, warna latar belakang, ketinggian garisan, dsb. Dengan menggunakan pembersihan CSS, pembangun boleh mengatasi gaya lalai penyemak imbas untuk mengekalkan rupa dan rasa yang konsisten merentas semua penyemak imbas.

2. Jenis Pembersihan CSS

Terdapat dua jenis Pembersihan CSS utama: tetapan semula CSS tradisional dan tetapan semula CSS gaya baharu yang lebih terkini.

2.1 Tetapan semula CSS Tradisional

Tetapan semula CSS tradisional mengosongkan helaian gaya penyemak imbas lalai dengan menetapkan jidar dan pelapik semua elemen kepada sifar. Sebarang gaya lain yang digunakan secara langsung pada elemen ini akan mengatasi gaya tetapan semula CSS. Pendekatan tradisional selalunya bermakna pembangun perlu membina gaya mereka dari awal dan mengekalkan gaya yang konsisten di seluruh tapak web.

2.2 Tetapan Semula CSS Baharu

Tetapan semula CSS baharu baru-baru ini turut menetapkan semula gaya lalai semua elemen, tetapi tidak seperti kaedah tradisional, gaya baharu ini tidak mengubah margin dan pelapik ditetapkan kepada sifar . Sebaliknya, mereka hanya menetapkan semula sifat elemen asas seperti saiz fon, penjajaran teks dan ketinggian baris. Gaya baharu ini direka bentuk untuk menjadi kaedah yang lebih ringan dan boleh dikembangkan yang membolehkan anda menggunakan gaya tertentu pada tapak web anda.

3. Contoh CSS jelas

Berikut ialah tetapan semula CSS biasa:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Kod CSS ini menggunakan pemilih universal* untuk pilih semua elemen dan tetapkan margin dan paddingnya kepada sifar. Ia juga menggunakan atribut box-sizing untuk memastikan model kotak sentiasa dalam mod sempadan. Ini bermakna apabila anda menetapkan border dan padding untuk elemen, lebar sebenar elemen tidak meningkat.

Berikut ialah contoh tetapan semula CSS:

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 1.5rem 0;
}

p {
  margin: 1rem 0;
}

Dalam contoh ini, kami menetapkan semula beberapa sifat elemen asas, seperti saiz fon dan ketinggian baris. Kami juga menetapkan beberapa gaya untuk elemen tajuk dan elemen perenggan. Gaya ini tidak menetapkan semula gaya elemen sepenuhnya, tetapi menyediakan beberapa gaya asas yang mana pembangun boleh membina gaya mereka sendiri.

4. Kebaikan dan Keburukan Gaya Lalai Pembersihan CSS

Kelebihan menggunakan Pembersihan CSS ialah ia membolehkan anda mempunyai lebih kawalan ke atas rupa dan rupa tapak web anda. Jika semua gaya lalai tidak ditetapkan semula, anda mungkin melihat halaman dipaparkan secara berbeza pada penyemak imbas yang berbeza. Menggunakan pembersihan CSS, anda boleh memastikan tapak web anda dipaparkan dengan cara yang sama pada semua penyemak imbas, menjadikan tapak web anda lebih mudah diramal dan konsisten.

Walau bagaimanapun, terdapat beberapa kelemahan untuk menggunakan pembersihan CSS. Pertama, menggunakan pembersihan CSS boleh meningkatkan saiz kod anda, menjadikan fail anda lebih besar dan oleh itu lebih lama untuk dimuatkan. Selain itu, menggunakan pembersihan CSS boleh memecahkan gelagat lalai elemen tertentu, seperti pautan dan kawalan borang, dan anda memerlukan penggayaan lanjut untuk menyelesaikan isu ini.

5. Kesimpulan

Pembersihan CSS ialah teknik berguna yang boleh membantu anda membuat tapak web yang konsisten merentas penyemak imbas yang berbeza. Walaupun mungkin terdapat beberapa kelemahan untuk menggunakan pembersihan CSS, ia masih merupakan alat pembangunan yang berkuasa. Sama ada anda menggunakan tetapan semula CSS tradisional atau tetapan semula CSS yang lebih baharu, cuma pastikan anda kekal konsisten dalam penggayaan anda di seluruh tapak web anda dan anda akan dapat membina tapak web yang mempunyai rupa dan rasa profesional.

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan gaya lalai css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!