← к списку статей

26.04.10 (последнее изменение 03 декабря 2010)

defaults.css

Какие стили пригодятся для любой верстки.

В каждой своей работе я использую набор стилей, которые нужны для любого сайта. Этот файл я называл defaults.css. По сути, он выполняет функции css reset, но кроме того содержит ряд стилей, которые я использую в своих приемах верстки.

Файл иногда незначительно меняется. Теперь его последняя копия будет в этой статье. Ниже даны фрагменты файла с комментариями в коде. (Файл целиком без комментариев доступен по ссылке в предыдущем абзаце.)

Почему так а не иначе

В этой части сбрасываются установленные браузерами по-умолчанию стили, которые обычно мешают при верстке — верхние и нижние отступы. То-есть файл выполняет функции css reset.

Если мы делаем информационный сайт, то он будет содержать область с основным контентом — то что предназначено для чтения. Чтобы пользователю было удобно читать, внутри такой области абзацы должны отделяться друг от друга отступом, списки должны иметь буллеты, заголовки разного уровня должны выглядеть соответствующим образом и т.д. Иными словами, в такой области должны действовать стили, установленные браузерами по-умолчанию.

Я присваиваю такой области класс contentZone и возвращаю блокам внутри класса верхние и нижние отступы, которые были сброшены ранее. Остальные стили по-умолчанию остались нетронутыми. Можно было конечно их все сбросить и переопределить внтри contentZone заново, но я этого не делаю по одной важной для меня причине: мне хочется, чтобы браузер сохранил свое лицо, которое определяется не только кнопками панели управления, но и принятыми в нем стилями отображения контента.

В заключительной части собраны популярные правила, облегчающие верстку. Благодаря тому, что у элемента может быть указано несколько классов, в некотрых случаях можно добиться нужного результата, не добавляя новых строк в css-файл.

← к списку статей