Популярні Reset Css

Кожен, хто пробував створити сайт, стикався з тим, що в різних браузерах одні й ті ж елементи виглядають по-різному.З деякими такими відмінностями можна змиритися, інші ж можуть зіпсувати все оформлення сайту.Щоб зробити вигляд сайту більш-менш однаковим в різних браузерах професійні верстальники виробили кілька правил, які отримали назву Скидання стилів CSS (Reset CSS)

У кожного професійного розробника є свої рецепти, але серед всього їх розмаїття можна виділити найбільш часто використовувані:

Завдяки використанню будь-якого з цих правил, можна добитися істотного поліпшення зовнішнього вигляду сторінок сайту в різних Бразер.Завдяки цим стилям можна не турбуватися про те, що через кілька років в якомусь новому браузері Ваш сайт буде виглядати точно так само, як і зараз.

CSS Reset вперше був застосований в далекому 2004 році Ендрю Креспанісом (Andrew Krespanis).У своїй статті він радив використовувати універсальний селектор (*) на початку CSS-файлу, щоб задати всім елементам нульові відступи (margin і padding).

*



{



margin: 0;



padding: 0;



}

Універсальний селектор працює як регулярний вираз, захоплюючи кожен елемент на своєму шляху, без розбору і пощади.Так як до нього ми не вказали жодних інших селекторів, з усіх елементів в документі (це лише в теорії, насправді відбувається трохи інакше) видаляються будь-які відступи.

Незабаром після цього, CSS-гуру Ерік Мейер (Eric Meyer) виробляє подальші дослідження вищеописаного прийому скидання відступів.

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

У ньому скидання значень зроблений акуратніше: із застосуванням безпосередньо імен елементів, а не універсального селектора.Він же встановлює значення за замовчуванням для «проблемних» елементів, наприклад таблиць, в яких border-collapse обробляється некоректно деякими браузерами.







Зрозуміло, існують і інші подібні рішення (YUI Reset CSS від Yahoo!).Ви можете створити власне, яке буде задовольняти потреб саме вашої верстки.

No related posts.

Comments are closed.