Kelas ResourceBundle.Control mempunyai satu set kaedah luaran yang dipanggil oleh kaedah ResourceBundle.getBundle() semasa mencari dan memuatkan berkas. Dengan mencipta kelas Kawalan anda, anda boleh menukar tingkah laku lalai untuk memuatkan dan caching.
Dalam kes ini, anda perlu mencipta pelaksanaan dua kaedah kelas Kawalan: getFormats() dan newBundle() . Kaedah getFormats() bertanggungjawab untuk menyokong format XML dan newBundle() berfungsi dengan berkas sumber. Terdapat kaedah pembantu dalam kelas asas Kawalan untuk menukar nama set asas kepada nama sumber sebenar.
Pelaksanaan kelas ResourceBundle.Control ini termasuk subkelas XMLResourceBundle. Subkelas ini digunakan untuk memuatkan data daripada fail XML dan menggunakannya dalam kaedah ResourceBundle.
Di bawah ialah penerangan kelas Kawalan dan pelaksanaan kaedah ResourceBundle:
import java.io.*;
import java.net.*;
import java.util.*;
XMLResourceBundleControl kelas awam memanjangkan ResourceBundle.Control (
Private static String XML = "xml" ;
Senarai Awam getFormats(String baseName) (
kembalikan Collections.singletonList(XML);
}
Public ResourceBundle newBundle ( String baseName, Locale locale,
Format rentetan, pemuat ClassLoader, muat semula boolean)
membaling IllegalAccessException, InstantiationException, IOException{
if ((baseName == null ) || (locale == null ) || (format == null )
|| (pemuat == null )) (
buang NullPointerException baru () ;
}
ResourceBundle bundle = null ;
jika (format.equals(XML)) (
String bundleName = toBundleName(baseName, locale) ;
String resourceName = toResourceName(Nama himpunan, format) ;
URL URL = loader.getResource(Nama sumber);
jika (url != null ) (
Sambungan URLConnection = url.openConnection()
;
jika (sambungan != null ) (
jika (muat semula) (
connection.setUseCaches(false);
}
Strim InputStream = connection.getInputStream()
;
if (stream != null ) (
BufferedInputStream bis = BufferedInputStream baharu (
aliran);
bundle = XMLResourceBundle(bis);
bis.close();
}
}
}
}
berkas pulangan;
}
XMLResourceBundle kelas statik peribadi memanjangkan ResourceBundle (
props Hartanah persendirian;
XMLResourceBundle(strim InputStream) membuang IOException(
props = new Properties();
props.loadFromXML(strim);
}
Protected Object handleGetObject(String key) (
kembali props.getProperty(key);
}
Public Enumeration getKeys() (
Tetapkan handleKeys = props.stringPropertyNames()
;
kembalikan Collections.enumeration(handleKeys);
}
}
Utama kekosongan statik awam (String args) (
("Ujian2",
XMLResourceBundleControl()) baharu ;
Rentetan rentetan = bundle.getString("HelpKey");
System.out.println ("HelpKey: " + string );
}
}
Pelaksanaan ini termasuk program ujian tiga baris:
Himpunan ResourceBundle = ResourceBundle.getBundle("Test2", XMLResourceBundleControl()) ;
Rentetan rentetan = bundle.getString("HelpKey");
System.out.println ("HelpKey: " + string );
Baris pertama adalah yang paling menarik di sini. Anda perlu menghantar Kawalan anda kepada kaedah getBundle(). Selepas ini, anda boleh menggunakan set seperti dalam mana-mana kes lain.
Di bawah ialah contoh fail XML Test2.xml:
http://java.sun.com/dtd/properties.dtd"
>
Hasil daripada melaksanakan program XMLResourceBundleControl ialah:
> java XMLResourceBundleControl HelpKey: Bantuan
Pelaksanaan di atas tidak menggunakan kaedah getTimeToLive() dan needsReload():
awam lama getTimeToLive( String baseName, Locale locale)
Public boolean needsReload( Nama asas rentetan,
Tempat tempatan,
Format rentetan
Pemuat ClassLoader
Himpunan ResourceBundle
masa muat yang panjang)
Kaedah getTimeToLive() mengembalikan seumur hidup untuk berkas sumber yang dibuat menggunakan ResourceBundle.Control . Set sumber disimpan dalam cache untuk mempercepatkan proses muat semula. Oleh itu, apabila set dimuat turun semula, ia akan berada dalam cache. Nilai masa untuk hidup yang positif menentukan, dalam milisaat, berapa lama set akan kekal dalam cache tanpa disemak semula. Nilai lalai yang dikembalikan oleh kaedah getTimeToLive() ialah TTL_NO_EXPIRATION_CONTROL, yang melumpuhkan semakan tamat tempoh cache. Jika anda tidak mahu cache set, kemudian kembalikan nilai TTL_DONT_CACHE . Jika 0 dikembalikan, berkas dicache, tetapi ia disemak setiap kali getBundle() dipanggil. Untuk mengosongkan cache, panggil kaedah clearCache() statik kelas ResourceBundle. Ia mempunyai argumen ClassLoader pilihan yang membolehkan anda mengosongkan cache yang dibuat oleh pemuat tertentu.
Kaedah needsReload() menentukan sama ada set cache perlu dimuat semula. Nilai benar bermakna set perlu dimuat semula, dan palsu bermakna ia tidak perlu dimuat semula. Anda boleh mengawal sama ada set sumber perlu dimuat semula dengan melebihkan kaedah needsReload(). Sebagai contoh, jika anda mahu set sumber sentiasa dimuatkan semula, kaedah needsReload() hendaklah sentiasa mengembalikan true . Dalam kes ini, kaedah getTimeToLive() mesti sentiasa mengembalikan nilai 0. Jika tidak, set akan disimpan lebih lama daripada yang dijangkakan.
Untuk mendapatkan maklumat lanjut tentang penambahbaikan yang berkaitan dengan proses pengantarabangsaan di Mustang, anda boleh merujuk kepada blog John Oconer, pembangun perisian Sun, di
Artikel ini adalah yang pertama dalam siri mengenai topik menjinakkan CSS. Hari ini kita akan melihat teknologi Tetapan Semula CSS.
Mengapa ini perlu?
Setiap penyemak imbas menetapkan nilai gaya lalainya sendiri untuk pelbagai elemen HTML. Menggunakan Tetapan Semula CSS, kami boleh meratakan perbezaan ini untuk memastikan keserasian merentas penyemak imbas gaya.Sebagai contoh, anda menggunakan elemen a dalam dokumen anda. Kebanyakan penyemak imbas, seperti Internet Explorer dan Firefox, menambah pautan warna biru Dan menggariskan. Walau bagaimanapun, bayangkan bahawa lima tahun dari sekarang seseorang memutuskan untuk mencipta penyemak imbas baharu (mari kita panggil ia UltraBrowser). Pembangun penyemak imbas tidak menyukai warna biru dan terganggu dengan garis bawah, jadi mereka memutuskan untuk menyerlahkan pautan dalam merah Dan berani. Ia berdasarkan ini bahawa jika anda menetapkan nilai gaya asas untuk elemen a, maka ia dijamin menjadi seperti yang anda mahukan, dan bukannya cara pembangun UltraBrowser lebih suka untuk memaparkannya.
Tetapi sekarang kami tidak mempunyai inden sama sekali, termasuk antara perenggan individu! Apa nak buat? Jangan berbohong dan jangan takut: di bawah tetapan semula kami, kami akan menerangkan peraturan yang kami perlukan. Ini boleh dilakukan dengan cara yang berbeza: nyatakan inden di bahagian bawah atau atas perenggan, nyatakan dalam peratusan, piksel atau em.
Paling penting, penyemak imbas kini bermain mengikut peraturan kami, dan bukan kami mengikut peraturannya. Saya memutuskan untuk melakukannya dengan cara ini:
* ( margin: 0; padding: 0; ) p ( margin: 5px 0 10px 0; )
Akibatnya, kami mendapat apa yang boleh dilihat dalam contoh ketiga.
Anda boleh mencipta gaya tetapan semula anda sendiri jika anda menyelesaikan masalah tertentu dalam projek anda. Walaupun begitu, tiada panduan langkah demi langkah untuk mencipta Tetapan Semula CSS anda sendiri. Bergantung pada prinsip anda sendiri dan gaya anda sendiri.
Untuk membantu anda membuat pilihan yang tepat, berikut ialah beberapa pautan lagi:
- Kurang adalah lebih - pilihan saya Tetapkan Semula CSS (Ed Elliott).
2. Tetapan Semula CSS anda ialah perkara pertama yang harus dilihat oleh penyemak imbas
Menetapkan semula gaya selepas menetapkan gaya anda sendiri untuk elemen adalah pendekatan yang salah. Dalam kes ini, anda tidak sepatutnya mengharapkan sesuatu yang baik daripada paparan penyemak imbas. Ingat bahawa anda harus sentiasa memasukkan Tetapan Semula CSS dahulu, dan kemudian semua gaya lain.Ya, saya faham, ia kedengaran lucu, tetapi ini adalah salah satu kesilapan utama pemaju, muda dan tua. Ramai orang lupa tentang perkara ini.
Mungkin ada yang bertanya soalan logik: mengapa ini berlaku? Jawapannya mudah: peraturan yang ditulis lebih rendah dalam teks fail CSS (dan lebih rendah dalam susunannya dalam dokumen) menimpa peraturan yang diisytiharkan sebelum ini.
Jangan terlalu jauh dari topik dan teruskan. Mari kita gunakan gaya Eric Meyer pada contoh kita, tetapi selepas perihalan hartanah kami, seperti yang ditunjukkan dalam contoh 4. Ahli matematik akan mengatakan perkara berikut: "Itulah yang perlu kami buktikan."
3. Gunakan dokumen CSS yang berasingan untuk Tetapan Semula CSS
Saya mesti (tidak, saya sama sekali tidak dipaksa) untuk menyebut nasihat ini. Menggunakan fail berasingan untuk Tetapan Semula CSS ialah amalan biasa yang disokong oleh sebilangan besar pembangun.Sebenarnya saya mengambil kedudukan penciptaan satu fail CSS yang besar disebabkan oleh prestasi yang lebih tinggi bagi pendekatan ini. Tetapi mengenai isu ini saya cenderung untuk bersetuju dengan majoriti: CSS Reset harus diletakkan dalam fail berasingan (biasanya dipanggil reset.css). Dalam kes ini, anda boleh menggunakannya dalam projek yang berbeza tanpa membuat sebarang usaha untuk memisahkannya daripada peraturan CSS yang lain.
4. Cuba elakkan menggunakan pemilih universal
Walaupun konsep ini berfungsi, penggunaannya selalunya tidak diingini kerana ketidakserasian dengan sesetengah penyemak imbas (contohnya, pemilih ini tidak diproses dengan betul dalam Internet Explorer). Anda hanya perlu menggunakan teknik ini untuk halaman yang mudah, kecil, statik dan boleh diramal (jika anda terpaksa melakukannya).Nasihat ini amat penting apabila anda sedang membangunkan penyelesaian seperti tema CMS. Anda tidak boleh meramalkan terlebih dahulu bagaimana ia akan digunakan atau bagaimana ia akan diubah suai. Adalah lebih baik untuk menerangkan peraturan CSS asas untuk semua elemen daripada menggunakan mekanisme pemilih universal yang tidak dapat diramalkan (walaupun lebih kecil) untuk tujuan ini.
5. Elakkan Perihalan Harta Berlebihan Apabila Menggunakan Tetapan Semula CSS
Satu lagi sebab saya tidak suka fail berasingan untuk Tetapan Semula CSS ialah kemungkinan redundansi pengisytiharan harta CSS berikutnya. Mengulang gaya individu anda di antara keseluruhan set fail CSS adalah adab buruk dan harus dielakkan. Sudah tentu, kadang-kadang kita terlalu malas untuk bersusah payah melalui satu set gaya dan menggabungkan beberapa daripada mereka, tetapi kita harus mencuba sekurang-kurangnya!Mari kembali ke Tetapan Semula CSS Eric. Ia menetapkan nilai lalai untuk ketinggian garis, warna dan latar belakang elemen badan dengan cara berikut:
badan (ketinggian garis: 1; warna: hitam; latar belakang: putih; )
Katakan anda sudah tahu rupa elemen tersebut badan:
- warna latar belakang: #cccccc;
- warna: #996633;
- Anda mahu mengulang imej latar belakang tertentu secara mendatar.
Dalam kes ini, tidak perlu membuat pemilih baharu untuk menerangkan sifat anda - anda hanya boleh memasukkannya dalam Tetapan Semula CSS. Mari lakukannya:
badan ( garis-ketinggian: 1; warna: #996633; latar belakang:#ccc url(jubin-imej.gif) ulang-x kiri atas; )
Jangan takut untuk mengubah suai Tetapan Semula CSS itu sendiri. Sesuaikan dengan diri sendiri, jadikan ia berfungsi untuk anda. Tukar, susun semula, alih keluar dan tambah mengikut keperluan dalam kes khusus anda.
Eric Meyer berkata perkara berikut tentang perkara ini: "ini bukan kes di mana semua orang harus menggunakan CSS Reset tanpa perubahan."
CSS Lalai CSS untuk Elemen HTML (2)
Ia berbeza untuk setiap penyemak imbas, jadi:
- Firefox (Gecko):. Atau pergi ke resource://gre-resources/ dan lihat html.css.
- Chrome/Safari (WebKit):
- Chrome (Kelip):
- Internet Explorer (Trident), versi terdahulu: http://web.archive.org/web/20170122223926/http://www.iecss.com/
Di manakah saya boleh mencari CSS untuk CSS lalai penyemak imbas?
Banyak elemen HTML mempunyai beberapa sifat CSS lalai yang kadangkala boleh membawa kepada tingkah laku yang tidak diketahui/tidak diingini. Sebagai contoh, medan input dipaparkan secara berbeza dalam pelayar yang berbeza. Saya sedang mencari tempat yang merangkumi sifat CSS3 baharu dan elemen HTML5 baharu.
Saya telah melihat dalam soalan lain (lebih lama) (seperti helaian gaya CSS lalai dalam penyemak imbas) yang mencadangkan penyelesaian tetapan semula CSS. Penyelesaian ini kadangkala tidak diperlukan, selalunya saya ingin mengekalkan beberapa sifat asas (seperti menyerlahkan medan input dalam Chrome). Dalam kata lain: Saya tidak mahu membuang perkara hanya kerana saya tidak tahu apa yang mereka lakukan. .
Jadi, adakah tapak yang boleh memberi saya semua maklumat ini (atau mungkin kebanyakannya)?
Repositori GitHub untuk semua spesifikasi HTML W3C dan helaian gaya CSS lalai untuk pembangun boleh ditemui
1.
2. Gaya standard untuk Internet Explorer
3.
4. Gaya standard untuk Opera
5. Gaya standard untuk HTML4 (spesifikasi W3C)
6. Gaya standard untuk HTML5 (spesifikasi W3C)
Contoh, mengikut spesifikasi W3C HTML4 lalai:
Html, alamat, petikan blok, kandungan, dd, div, dl, dt, set medan, bentuk, bingkai, set bingkai, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, tengah, dir, jam, menu, pra ( paparan: blok; unicode-bidi: embed ) li ( paparan: senarai-item ) kepala ( paparan: tiada ) jadual ( paparan: jadual ) tr ( paparan: baris-jadual ) thead ( paparan: pengepala jadual- kumpulan ) tbody ( paparan: table-row-group ) tfoot ( paparan: table-footer-group ) col ( paparan: table-column ) colgroup ( paparan: table-column-group ) td, th ( display: table-cell ) kapsyen (paparan: kapsyen jadual) th (berat fon: lebih tebal; jajar teks: tengah) kapsyen (jalur teks: tengah) badan (margin: 8px) h1 (saiz fon: 2em; jidar: .67em 0) h2 ( saiz fon: 1.5em; jidar: .75em 0 ) h3 ( saiz fon: 1.17em; jidar: .83em 0 ) h4, p, petikan blok, ul, set medan, borang, ol, dl, dir, menu ( jidar: 1.12em 0 ) h5 ( saiz fon: .83em; jidar: 1.5em 0 ) h6 ( saiz fon: .75em; jidar: 1.67em 0 ) h1, h2, h3, h4, h5, h6, b, petikan blok kuat (berat fon: lebih berani) (margin-kiri: 40px; margin-kanan: 40px ) i, cite, em, var, alamat ( gaya fon: italik ) pra, tt, kod, kbd, samp ( font-family: monospace ) pra (ruang putih: pra ) butang, textarea, input, pilih ( paparan: inline-block ) besar ( font-size: 1.17em ) kecil, sub, sup ( font-size: .83em ) sub ( vertical-align: sub ) sup ( vertical-align: super ) jadual ( jarak sempadan: 2px; ) thead, tbody, tfoot ( vertical-align: middle ) td, th, tr ( vertical-align: inherit ) s, strike, del ( text-decoration: line-through ) hr ( border: 1px inset ) ol, ul, dir, menu, dd (margin-kiri: 40px ) ol (jenis gaya senarai: perpuluhan ) ol ul, ul ol, ul ul, ol ol ( margin-atas: 0; margin-bawah: 0 ) u, ins ( text-decoration: underline ) br:before ( content: "\A"; white-space: pra-line ) center ( text-align: center ) :link, :visited ( text-decoration: underline ) :fokus ( garis besar: songsang bertitik nipis ) /* Mulakan tetapan dwiarah (jangan ubah) */ BDO ( arah: ltr; unicode-bidi: bidi-override ) BDO ( direction: rtl; unicode-bidi: bidi-override ) * ( arah: ltr; unicode-bidi: embed ) * ( direction: rtl; unicode-bidi: embed ) @media print ( h1 ( page-break-before: always ) h1, h2, h3, h4, h5, h6 ( page-break-after: elakkan ) ul, ol, dl ( page-break-before: elak ) )
Daripada pengarang: Pembinaan laman web di Internet boleh menjadi seperti membina di atas pasir jerlus. Pelayar melakukan perkara yang sama, tetapi dari semasa ke semasa mereka membuat perbezaan yang menjengkelkan yang tidak dapat diramalkan. Contohnya, semua penyemak imbas mempunyai "helaian gaya ejen pengguna" - set lalai gaya CSS untuk menjadikan pengepala kelihatan seperti pengepala, dsb., walaupun sebelum anda menetapkan gaya pada halaman1. Sudah tentu, setiap enjin penyemak imbas menggunakan set lalai yang sedikit berbeza.
Satu contoh ialah gaya senarai lalai, di mana helaian gaya penyemak imbas lalai Internet Explorer dan Opera pada mulanya mempunyai padding senarai margin-left: 30pt;, manakala Firefox dan KHTML datang dengan padding-left: 40px;. Jika anda ingin menukar padding lalai dengan mentakrifkan ul (padding-left: 0;), ini akan menghasilkan hasil yang sangat berbeza dalam penyemak imbas.
TETAP SEMULA TETAPAN CSS
Untuk mencapai sedikit kestabilan, sesetengah pembangun menetapkan semula semua margin dan padding menggunakan pemilih universal:
* (margin: 0; pelapik: 0;)
* ( margin : 0 ; padding : 0 ; ) |
Dengan mentakrifkan lekukan senarai dan memulakan helaian gaya anda di sana, anda akan mendapat apa yang anda harapkan. Walau bagaimanapun, penggunaan * bermakna margin lalai dan padding ranap untuk semua elemen, dan sebaik sahaja anda menambahkan elemen borang, keadaan menjadi sangat teruk.
Tujuan tetapan semula adalah untuk menetapkan semula semua yang anda boleh... [dan] berfungsi sebagai titik permulaan untuk gaya asas anda sendiri- Eric Meyer
html, badan, div, span, applet, objek, iframe, h1, h2, h3, h4, h5, h6, p, petikan blok, pra, a, abbr, akronim, alamat, besar, cite, kod, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, bentuk, label, legenda, meja, kapsyen, tbody, tfoot, thead, tr, th, td, artikel, ketepikan, kanvas, butiran, benamkan, angka, figcaption, pengaki, pengepala, hgroup, menu, nav, output, ruby, bahagian, ringkasan, masa, tanda, audio, video ( margin: 0; padding: 0; jidar: 0; saiz fon: 100%; fon: warisan; jajaran menegak: garis dasar; )
html, badan, div, span, applet, objek, iframe, h1, h2, h3, h4, h5, h6, p, petikan blok, pra, a, abbr, akronim, alamat, besar, petikan, kod, del, dfn, em, img, ins, kbd, q, s, samp, kecil, mogok, kuat, sub, sup, tt, var, b, u, i, pusat, dl, dt, dd, ol, ul, li, set medan, bentuk, label, legenda, jadual, kapsyen, tbody, tfoot, thead, tr, th, td, artikel, mengetepikan, kanvas, butiran, benam, angka, figcaption, pengaki, pengepala, kumpulan h, menu, nav, output, delima, bahagian, ringkasan, masa, tanda, audio, video ( margin: 0; padding: 0; sempadan: 0; saiz fon: 100%; fon: mewarisi; menegak - jajar : garis dasar ; |
Ia menetapkan semula beberapa sifat bagi banyak (tetapi bukan semua) elemen kepada teks biasa yang setara. Memandangkan hanya elemen padanan ditetapkan semula, ini mengelakkan beberapa masalah * (margin: 0; padding: 0;). Kami kemudiannya boleh menentukan gaya untuk sifat "tidak digayakan" yang dibuang ini, yakin bahawa kami sedang membina asas pelayar silang yang stabil. Tugasan gaya ini juga bertindak sebagai isyarat keperluan untuk secara sedar menetapkan gaya yang sesuai untuk elemen ini.
ISU MENETAP SEMULA TETAPAN CSS
Tetapan semula CSS adalah penyelamat, tetapi kini, terutamanya dengan kemunculan wireframe, ia sering digunakan seperti sedia ada. Sebagai contoh, Eric menganggap bahawa pembangun lain akan mula membina tapak di sekeliling gaya tetapan semula yang dicadangkan, mengatasinya dengan sewajarnya, dan versi pertama Meyer Reset memasukkan peraturan ini buat sementara waktu:
/* ingat untuk menentukan gaya fokus! */ :fokus ( garis besar: 0; )
Malangnya, tidak semua orang benar-benar menentukan gaya fokus, dan Eric mengeluarkannya daripada versi kedua.
Menggunakan tetapan semula membuatkan anda berasa seperti seorang yang sesat. Menetapkan semula gaya lalai penyemak imbas memaksa anda berfikir tentang cara setiap elemen perlu dipaparkan, membantu memastikan elemen digunakan berdasarkan semantik dan bukannya gaya lalai. Tetapi untuk elemen seperti i dan em hampir selalu terdapat gaya penyemak imbas lalai. Gaya lalai penyemak imbas lain, seperti saiz teks pengepala yang sangat besar, telah berubah dan kini boleh diterima secara lalai. Masalahnya bermula apabila seseorang ingin menghantar hantar semula elemen HTML tetapan semula dengan hanya gaya tetapan "tidak digayakan" yang ditetapkan.
Bagi saya, masalah terbesar dengan tetapan semula ialah warisan, yang membawa kepada spam dalam alatan penyemak imbas. Apabila cuba menjejaki isu CSS elemen bersarang dalam dalam kod orang lain, ini tidak akan membantu:
Peraturan tetapan semula CSS diulang kerana warisan
NORMALIZE.CSS
Nicholas Gallagher dan Jonathan Neal mengambil pendekatan berbeza dengan Normalize.css, "fail CSS kecil yang memastikan konsistensi merentas pelayar yang lebih baik dalam penggayaan lalai unsur HTML." Seperti penetapan semula CSS, ia memberi kita titik permulaan silang penyemak imbas yang kukuh - sebab utama untuk menggunakan tetapan semula pada mulanya - tetapi kedua-dua pendekatan itu berbeza secara falsafah.
Penetapan semula CSS mengatasi gaya ejen pengguna dan mengembalikan banyak elemen kepada keadaan "tidak digayakan", beberapa tahap asas untuk membina dengan selamat. Walau bagaimanapun, kita kemudiannya perlu menggayakan kebanyakan elemen sebelum kita boleh membina dengannya. Sebaliknya, Normalize.css hanya menangani ketidakkonsistenan gaya ejen pengguna, memilih tetapan lalai yang paling sesuai untuk membuat perbezaan. Di sini juga kami mendapat asas selamat merentas penyemak imbas, tetapi asas yang merangkumi gaya ejen pengguna biasa sebagai blok binaan asas sedia untuk digunakan. Ia pada asasnya seperti versi penyemak imbas yang ideal bagi helaian gaya CSS 2.1 lalai. Dalam kedua-dua kes, kami kemudiannya perlu menambah gaya dominan kami sendiri untuk mencipta imej, tetapi kerana tetapan penyemak imbas lalai dalam Normalize.css kekal, terdapat lebih sedikit gaya untuk ditambahkan secara keseluruhan.
Oleh kerana perubahan dalam Normalize.css lebih disasarkan, tiada lata warisan peraturan yang ditulis semula dalam alatan pembangunan penyemak imbas anda. Berikut ialah ul:, dinyahgayakan dengan Meyer Reset dan Normalize.css versi 1 dan 2:
Elemen "Tidak digayakan" bagi senarai tidak tertib
Menggunakan Meyer Reset
Guna Normalize.css v1
Menggunakan Normalize.css v2
Terdapat perbezaan yang jelas dalam falsafah apabila contoh Meyer Reset muncul sebagai beberapa baris teks biasa tanpa jidar, lekukan atau titik tumpu, manakala contoh Normalize.css kelihatan seperti gaya lalai. Perbezaan dalam gaya yang digunakan pada ul ini juga mudah dilihat.
Walau bagaimanapun, ini bukan semua gaya yang digunakan pada ul. Sebagai perbandingan, berikut ialah tangkapan skrin "tidak digayakan" yang sama, tetapi dengan gaya ejen pengguna yang boleh dilihat, dalam Firefox 21 dan Opera Next 15.
