|
Популярные Reset Css
Каждый, кто пробовал создать сайт, сталкивался с тем, что в разных браузерах одни и те же элементы выглядят по-разному. С некоторыми такими отличиями можно смириться, другие же могут испортить все оформление сайта. Чтобы сделать вид сайта более-менее одинаковым в разных браузерах профессиональные верстальщики выработали несколько правил, которые получили название "Сброс стилей CSS (Reset CSS)"
У каждого профессионального разработчика есть свои рецепты, но среди всего их разнообразия можно выделить наиболее часто используемые: Eric Meyer's "Reset CSS" The HTML5 CSS Reset Yahoo! CSS Reset (YUI 3)
Благодаря использованию любого из этих правил, можно добиться существенного улучшения внешнего вида страниц сайта в различных бразерах. Благодаря этим стилям можно не беспокоиться о том, что через несколько лет в каком-нибудь новом браузере Ваш сайт будет выглядеть точно так же, как и сейчас.
CSS Reset впервые был применён в далёком 2004 году Эндрю Креспанисом (Andrew Krespanis). В своей статье он советовал использовать универсальный селектор (*) в начале CSS-файла, чтобы задать всем элементам нулевые отступы (margin и padding).
* { margin: 0; padding: 0; }
Универсальный селектор работает как регулярное выражение, захватывая каждый элемент на своём пути, без разбора и пощады. Так как до него мы не указали никаких других селекторов, со всех элементов в документе (это лишь в теории, в действительности происходит несколько иначе) удаляются какие-либо отступы.
Вскоре после этого, CSS-гуру Эрик Мейер (Eric Meyer) производит дальнейшие исследования вышеописанного приёма сброса отступов.
После многочисленных переделок и уточнений, мы приходим к замечательному решению под названием CSS Reset.
В нём сброс значений сделан аккуратнее: с применением непосредственно имён элементов, а не универсального селектора. Он же устанавливает значения по умолчанию для «проблемных» элементов, например таблиц, в которых border-collapse обрабатывается некорректно некоторыми браузерами.
Разумеется, существуют и другие подобные решения (YUI Reset CSS от Yahoo!). Вы можете создать собственное, которое будет удовлетворять нуждам именно вашей вёрстки.
|
Категория: Мои статьи | Добавил: secret-team (18.04.2012)
|
Просмотров: 337
| Рейтинг: 0.0/0 |
|
|
|