У нас есть ВСЁ!
Среда, 08.10.2025, 03:32
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Мои статьи [216]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Скачать cs 1.6 Монитор cs серверов Мониторинг cs серверов
Мониторинг серверов CS 1.6
Мониторинг CS
Главная » Статьи » Мои статьи

Популярные 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
Всего комментариев: 0
Имя *:
Email *:
Код *:
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2025Создать бесплатный сайт с uCoz