Висловлюючи IT

Вчора, після того, як питання, яке я зіткнувся з CSS скидання в Google Chrome ... Я думав про копати трохи глибше в область Користувач листи агента стиль ...
Знайдено цієї таблиці на значення за замовчуванням CSS 2.1 User Agent стилів ... (для тих, хто не знає, що "User Agent стилів", це слідувати Що таке User Agent Style Sheets (специфікації) .

Для отримання повного списку CSS 2.1 User Agent стилів за замовчуванням натисніть тут

Сьогодні, як і будь-який інший "День свині Ground", я працював над деякими CSS / бестаблічная макетів. Все йшло добре в IE 7, FF 3 і Chrome, ДО раптом, я бачив деякі не-ігноровані поля побачити тільки в Google Chrome. Хоча дуже дивно і worring, було кілька нових помилка / проблема, що я прийшов accross, був, нарешті, деякі спеції в моїй земної роботи. Сад (але хороший) вона була виправлена ​​протягом декількох хвилин зонда ...

В принципі, він схожий Google Chrome ігнорував мої CSS Скидання (маржа: 0px). Це насправді був викликаний стилів агента користувача (-WebKit-оббивка-старт: 40px). Таким чином, рішення було скинути цей стиль, встановивши відступи: 0 неправильно елементів.
Хороший спосіб запобігти виникненню цієї проблеми для будь-якого елементу є використання глобальної Відпочинок CSS наступним

* {Маржа: 0; оббивка: 0;}

Що таке User Agent Style Sheets (специфікації)?
Нижче наводяться витяги з http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , наступні посилання, щоб дізнатися більше про користувача листи агента стиль

CSS 1 представляє ідею про те, що кожен User Agent (UA, часто "браузер" або "Веб-клієнт») буде мати таблицю стилів за замовчуванням, яка подає документи в розумний - але, можливо, мирської - образом. CSS 2 сказано, що відповідні ПА повинні застосовуватися стилів за замовчуванням (або вести себе, як якщо б вони і зробили), а стиль за замовчуванням агента користувача аркуші повинні представляти елементи мови документа таким чином, щоб задовольняти загальним очікуванням презентації мову документа, CSS 3, ймовірно, того ж думки.

Оскільки специфікації CSS залишити його до реалізації, чи слід використовувати "реальні" стилів для відображення за замовчуванням чи ні, це не дивно, що ви не можете знайти таблицю стилів за замовчуванням в папці установки кожного браузера. На відміну від Internet Explorer від Microsoft, а також опери, наприклад, (і, наскільки я знаю), Gecko браузерів, як Firefox і Netscape Navigator (шукати "html.css"), а й Konqueror зробити це досить просто зрозуміти їх за замовчуванням стиль.

Reset CSS, / CSS є встановити кількість елементів стилю для конкретного базового, який створює послідовність в різних браузерах.

Ми всі були через кошмари написання крос-браузерні CSS в. Тому, коли ми починаємо писати наш CSS, це практика, щоб скинути його першим видалити / скидання будь-якого поперечного невідповідності браузера. Скидання CSS, прості кілька рядків CSS, що ви починаєте з CSS, що дає вам чітку базу, щоб почати будувати свій на.

CSS скидає, що я звичайно віддаю перевагу використовувати виглядає наступним чином

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;
}

ол, вул {
Список стилі: ні;
}

h1, h2, h3, h4, h5, h6 {
Розмір шрифта: 100%;
накреслення шрифта: нормальний;
}

Скинути розмір шрифту в броузері
Також зверніть увагу на скидання, який був застосований в браузері розмір шрифту в наступний рядок ...

html {font-size: 76%;}

Вище CSS скидає розмір шрифту в броузері на 10 пікселів, і це дає можливість працювати з відносними розмірами шрифту (який кожен з важливих відповідно WAI prespective)
Для, наприклад, в наступному визначенні розміру шрифту в діапазон встановлений на 10 пікселів, що в paragarph встановлений на 14 пікселів ...

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