Mengekspresikan TI

Kemarin, setelah masalah yang saya temui dengan Mereset CSS di Google Chrome ... Saya pikir menggali sedikit lebih dalam bidang Style Sheets User Agent ...
Ditemukan tabel ini pada nilai-nilai default dari CSS2.1 Lembar User Agent Gaya ... (bagi mereka tidak menyadari apa "Lembar User Agent Style" adalah mengikuti apa Pengguna Style Sheets Agen (Spesifikasi) .

Untuk daftar lengkap dari CSS 2,1 Agen Style Sheets Pengguna default klik di sini

Kemarin, seperti setiap "Hari Ground Hog" lain, saya sedang mengerjakan beberapa layout CSS / Tableless. Semua berjalan lancar di IE 7, FF 3 dan Chrome, sampai tiba-tiba, saya melihat beberapa un-tidak dapat diketahui margin terlihat hanya di Google Chrome. Meskipun sangat aneh dan worring, Itu adalah beberapa masalah bug / baru yang saya datang di seluruh, ada akhirnya beberapa rempah-rempah dalam pekerjaan duniawi saya. Sedih (tapi bagus) itu bisa diperbaiki dalam beberapa menit dari penyelidikan ...

Pada dasarnya, itu tampak seperti Google Chrome mengabaikan saya Mereset CSS (margin: 0px). Ini sebenarnya disebabkan oleh stylesheet user agent (-webkit-padding-start: 40px). Jadi solusinya adalah untuk mengatur ulang gaya ini dengan menetapkan padding: 0 elemen nakal.
Cara yang baik untuk mencegah masalah ini terjadi pada setiap elemen adalah menggunakan Istirahat CSS global sebagai berikut

* {Margin: 0; padding: 0;}

Apa Pengguna Style Sheets Agen (Spesifikasi)?
Kutipan berikut diambil dari http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , link tindak untuk membaca lebih lanjut tentang Style Sheets User Agent

CSS 1 memperkenalkan ide dengan menyatakan bahwa setiap User Agent (UA, sering 'web browser' atau 'klien web') akan memiliki lembar standar gaya yang menyajikan dokumen dalam akal - tetapi bisa dibilang biasa-biasa saja - cara. CSS 2 mengatakan bahwa agen pengguna sesuai harus menerapkan style sheet default (atau bersikap seolah-olah mereka lakukan) dan bahwa default style sheet agen pengguna harus menyajikan unsur-unsur dari bahasa dokumen dengan cara yang memenuhi harapan presentasi umum untuk bahasa dokumen; CSS 3 adalah kemungkinan dari pikiran yang sama.

Karena spesifikasi CSS menyerahkannya implementasi apakah akan menggunakan "nyata" style sheet untuk tampilan default atau tidak, itu tidak mengherankan bahwa Anda tidak menemukan selembar standar gaya dalam folder instalasi setiap browser. Tidak seperti Microsoft Internet Explorer dan juga Opera, misalnya (dan sejauh yang saya tahu), browser Gecko seperti Firefox dan Netscape Navigator (mencari "html.css") tetapi juga Konqueror membuatnya lebih sederhana untuk memahami gaya standar mereka.

Sebuah ulang CSS / adalah CSS untuk menetapkan sejumlah elemen gaya dengan baseline tertentu yang menciptakan konsistensi di berbagai browser.

Kita semua telah melalui mimpi buruk penulisan lintas-browser CSS. Jadi ketika kita mulai menulis CSS kita, Ini adalah praktek untuk me-reset terlebih dahulu untuk menghilangkan / reset inkonsistensi cross browser. Mereset CSS, adalah beberapa baris sederhana dari CSS yang Anda mulai CSS Anda dengan, memberikan Anda dasar bersih untuk mulai membangun kepada Anda.

Me-reset CSS yang biasa saya cenderung menggunakan terlihat seperti ini

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
daftar-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

Mengatur ulang ukuran font Browser
Perhatikan juga reset yang telah diterapkan untuk ukuran font browser pada baris berikut ...

html {font-size: 76%;}

CSS di atas me-reset font browser yang ukuran 10 pixel, dan ini memungkinkan untuk bekerja dengan ukuran font relatif (yang setiap penting dari kepatuhan WAI prespektif)
Untuk misalnya, dalam definisi berikut, font-size dalam rentang yang dibuat untuk 10 pixel dan bahwa dalam paragarph diatur ke 14 pixel ...

span {font-size: 1em;}
p {font-size: 1.4em;}