Untuk menetapkan semula atau tidak menetapkan semula - itu ' s soalan CSS

Titik utama

• CSS Reset menyediakan titik permulaan gaya yang konsisten untuk penyemak imbas yang berbeza dengan mengeluarkan kebanyakan gaya (seperti fon, ketinggian garis, margin, mengisi, dan sempadan). Walau bagaimanapun, ia juga meningkatkan saiz halaman dan memerlukan menetapkan semula semua elemen, yang seterusnya meningkatkan saiz fail.
• Walaupun CSS Reset meminimumkan isu keserasian pelayar, ia tidak menghapuskan keperluan untuk ujian penyemak imbas, kerana perlu menyelesaikan pepijat dan kelemahan pada pelbagai peranti. Mereka juga tidak menjamin rendering sempurna piksel pada semua peranti, kerana pelayar yang berbeza menjadikan halaman secara berbeza.
• Keputusan untuk menggunakan CSS Reset hendaklah berdasarkan kepraktisannya untuk projek tertentu, bukan sebagai tabiat pembangunan. Pemaju harus menilai sama ada CSS Resets benar -benar bermanfaat atau sama ada ia menyebabkan kerja yang tidak perlu. Sebagai eksperimen, pemaju boleh cuba mengeluarkan gaya semula dari laman web mereka untuk melihat apakah terdapat perbezaan yang signifikan.

Setiap pelayar web menggunakan lembaran gaya asas. Apabila anda tidak menyediakan CSS tersuai, ia memastikan bahawa HTML diberikan dengan munasabah. Anda tahu apa keadaan: pautan yang tidak kelihatan adalah biru, pautan yang diakses adalah ungu, label berani berani, teks tajuk H1 lebih besar, dll. Malangnya, pengeluar suka merumitkan kehidupan kita, dan setiap pelayar menggunakan gaya asas yang berbeza. Jadi, bagaimana anda memastikan CSS tersuai anda tidak terjejas oleh gaya lalai yang dilaksanakan pada peranti tertentu? Jawapannya ialah CSS Reset. Mereka mengeluarkan kebanyakan gaya supaya unsur -unsur diberikan secara konsisten dalam pelayar yang berbeza. Biasanya, semua fon dan ketinggian garis dipulihkan kepada 100%, margin dan padding ditetapkan kepada 0px, sempadan dikeluarkan, dan senarai yang diperintahkan/tidak teratur menjadi bergaya. Reset CSS Eric Meyer adalah salah satu yang paling awal, dan juga yang paling terkenal dan paling biasa digunakan. HTML5 Menetapkan semula gaya HTML5 untuk doktor HTML5 juga boleh membantu elemen baru gaya. Terdapat beberapa yang lain - cssreset.com menawarkan banyak pilihan dan dokumentasi. Adakah anda menggunakan CSS untuk menetapkan semula? Sekiranya anda menggunakannya?

Saya melihat koleksi rawak 30 tapak, yang kebanyakannya menggunakan CSS Reset. Kelebihannya jelas: 1. Mereka menyediakan kanvas kosong; 2. Pembangunan boleh menjadi lebih logik: anda menambah gaya, tidak memadam atau mengubahnya. 3. Ia boleh meminimumkan isu keserasian pelayar.

Walaupun kelebihan ini, saya tidak menggunakan CSS Reset. Sebenarnya, ini tidak betul - Saya sering menggunakan margin asas dan padding diset semula kerana nilai lalai jarang berguna: `` `

• {padding: 0;

  <code></code>

Ini mempengaruhi setiap tag, dan sesetengah pemaju akan memberitahu anda bahawa ini boleh menyebabkan kekeliruan atau pemprosesan CSS yang lebih perlahan. Saya tidak mempunyai keadaan ini di mana ia menjadi masalah. Masalah utama saya dengan CSS Reset adalah: Saiz halaman tambahan Kebanyakan CSS Reset menambah kira -kira 2kb kod (tidak dikompresi). Ini mungkin tidak terdengar seperti banyak, tetapi ia adalah overhead besar apabila kebanyakan fail CSS saya jarang melebihi 10kb. Usaha tambahan CSS Reset memerlukan anda untuk menghidupkan semua elemen - ini akan meningkatkan lagi saiz fail. Kadang -kadang, saya gembira dengan tetapan lalai penyemak imbas saya. Berat fon, ketinggian garis, garis besar pautan, titik peluru, dan gaya lain biasanya baik. Jika tidak, saya akan mengubahnya dengan sewajarnya. Pelayar yang berbeza menjadikan halaman dengan cara yang berbeza tidak ada dua pelayar yang sama, tetapi sesetengah orang mengharapkan pixel-sempurna yang diberikan pada semua peranti. Reset CSS biasanya memberi gambaran bahawa matlamat sedemikian dapat dicapai. Ini tidak berlaku. Secara peribadi, saya tidak keberatan tajuk di Firefox adalah 2 piksel yang lebih besar daripada IE, atau pemahaman opera tentang "berani" sedikit lebih berat daripada Chrome. Reset CSS tidak akan menyelesaikan masalah ini untuk anda. Mereka tidak mengeluarkan keperluan ujian penyemak imbas Saya tidak percaya CSS menetapkan semula membantu dengan konsistensi penyemak imbas. Anda mesti menguji laman web atau aplikasi anda pada seberapa banyak peranti yang mungkin supaya anda dapat menyelesaikan kesilapan dan kelemahan yang disebabkan oleh kod atau penyemak imbas anda. Mereka tidak sesuai dengan aliran kerja saya, saya tidak suka kerangka CSS. Saya jarang menghadapi situasi di mana kaedah CSS umum berfungsi untuk laman web yang dibina. Saya mungkin menyalin beberapa coretan kod dari tempat lain, tetapi secara keseluruhan saya lebih suka memulakan dengan fail kosong. Ia masih kod saya dan saya tahu ke mana hendak pergi apabila ralat berlaku. Walaupun ia tidak rumit, CSS Reset adalah rangka kerja yang boleh menghasilkan hasil yang tidak dijangka. Mereka tidak akan menjimatkan masa CSS Resets telah menyelamatkan anda jam masa pembangunan? Sehingga saya diserang oleh sekumpulan peminat CSS Reset yang marah, saya tidak mengatakan bahawa anda tidak boleh menggunakannya. Mereka mungkin bekerja untuk anda, yang hebat. Saya mengesyaki mereka juga berguna untuk pembangunan web yang baru. Tetapi adakah anda menambah reset CSS kerana ia benar -benar berguna, atau adakah ia merupakan kebiasaan pembangunan? Sebagai ujian, cuba keluarkan gaya reset dari laman web anda untuk melihat apakah terdapat perbezaan yang signifikan. Adakah anda menggunakan CSS untuk menetapkan semula? Adakah anda telah mengadopsi atau meninggalkan amalan ini baru -baru ini? Adakah mereka membantu? Soalan Lazim Mengenai CSS Reset (FAQ)

Apakah tujuan utama CSS Reset?

CSS Reset adalah cara untuk mengurangkan ketidakkonsistenan pelayar dalam ketinggian garis lalai, margin, dan saiz fon tajuk. Alasan keseluruhan di sebalik CSS Reset adalah bahawa ia membolehkan pemaju bermula dengan backplane yang bersih dan menggunakan ketidakkonsistenan penyemak imbas yang tidak dijangka untuk gaya laman web atau aplikasi web mereka. Ia pada dasarnya memaksa semua pelayar untuk menetapkan semula semua gaya mereka untuk batal, dengan itu mengelakkan lalai khusus pelayar.

Adakah CSS Reset masih relevan hari ini?

Ya, CSS Reset masih relevan hari ini. Walaupun pelayar moden menjadi lebih konsisten dari segi gaya lalai, masih terdapat kes di mana perbezaan mungkin berlaku, terutama ketika berurusan dengan desain yang lebih kompleks. Reset CSS boleh membantu memastikan reka bentuk anda kelihatan seperti yang mungkin dalam pelayar yang berbeza.

Bagaimana untuk melaksanakan reset CSS?

Melaksanakan reset CSS sangat mudah. Anda hanya memasukkan gaya reset CSS di bahagian atas fail CSS. Ini memastikan gaya semula digunakan sebelum sebarang gaya tersuai digunakan. Terdapat beberapa reset CSS yang popular, seperti CSS Reset Meyer dan Normalisasi.CSS, yang boleh anda salin dan tampal ke dalam fail CSS anda.

Apakah perbezaan antara CSS Reset dan Normalize.css?

CSS Reset direka untuk mengurangkan ketidakkonsistenan penyemak imbas dengan menetapkan gaya semua elemen HTML kepada "sifar" atau null. Normalize.css, sebaliknya, adalah alternatif moden, HTML5 yang dibolehkan untuk CSS Reset. Ia akan membuat satu siri mungkir yang munasabah dan bukannya "menyegarkan" segala -galanya. Ia juga membetulkan beberapa kesilapan biasa di luar pelbagai reset tradisional.

Adakah CSS Reset mempengaruhi prestasi laman web saya?

CSS Reset mungkin sedikit meningkatkan saiz fail CSS, yang boleh menjejaskan prestasi laman web. Walau bagaimanapun, kesannya sering kecil dan sering diimbangi oleh manfaat menggunakan CSS Reset, seperti meningkatkan konsistensi penyemak imbas.

Adakah anda perlu menggunakan CSS Reset untuk setiap projek?

Ia tidak diperlukan untuk menggunakan CSS Reset untuk setiap projek. Walau bagaimanapun, biasanya lebih baik menggunakannya, terutamanya dalam projek -projek besar, kerana ia dapat membantu mengelakkan masalah gaya yang tidak dijangka yang disebabkan oleh lalai penyemak imbas.

Bolehkah saya menyesuaikan semula CSS Reset untuk memenuhi keperluan saya?

Ya, anda tentu saja boleh menyesuaikan semula CSS Reset untuk memenuhi keperluan anda. Malah, ia adalah amalan biasa untuk menyesuaikan gaya reset untuk lebih sesuai dengan keperluan projek. Sebagai contoh, anda mungkin mahu mengubah suai gaya reset untuk beberapa elemen, atau menambah gaya lain untuk menetapkan semula unsur -unsur yang tidak ditemui.

Apakah beberapa alternatif untuk menggunakan CSS Reset?

Selain menggunakan CSS Reset, ada cara lain untuk mengendalikan ketidakkonsistenan penyemak imbas. Alternatif yang popular adalah menggunakan standardist CSS seperti normalisasi.css. Pendekatan lain ialah menggunakan kerangka CSS seperti bootstrap atau asas, yang biasanya mengandungi versi CSS atau spesifikasi mereka sendiri.

Bagaimana CSS Reset mempengaruhi pengalaman pengguna?

CSS Reset meningkatkan pengalaman pengguna dengan memastikan laman web atau aplikasi web anda kelihatan konsisten merentasi pelayar yang berbeza. Ini boleh menjadikan reka bentuk anda lebih mudah untuk meramalkan dan menggunakan, menghasilkan pengalaman pengguna yang lebih baik.

Bolehkah saya menggunakan reset CSS dalam preprocessor seperti sass atau kurang?

Ya, anda boleh menggunakan CSS Reset dalam preprocessor seperti SASS atau kurang. Anda biasanya memasukkan gaya semula di bahagian atas fail sass utama atau kurang, seperti dalam fail CSS biasa.

Atas ialah kandungan terperinci Untuk menetapkan semula atau tidak menetapkan semula - itu ' s soalan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!