Сброс стилей и другие советы

Сегодня приведу несколько приёмов-советов использования CSS, которые с большой вероятностью помогут вам избежать излишней возни при создании сайтов.

  1. Подключайте сброс стилей. Указанный способ является одним из наиболее эффективных методов для достижения пресловутой кросс-браузерности. Принцип действия прост. К сожалению исторически сложилось так, что каждый "движок" будь-то Webkit, Gecko или Microsoft Trident всегда добавляют к незаданным верстальщиком элементам свои свойства. Большинству часто используемых HTML-тегов обычным перебором выставляются значения атрибутов по умолчанию. Плюс идет обнуление коварных отступов. К примеру поставляемая в дистрибутиве CMS WordPress по умолчанию тема TwentyTen включает в себя сброс стилей от Eric Meyer. Подобное решение также предоставляет компания Yahoo.
  2. Применяйте (хоть иногда) сервисы для автоматизированного форматирования CSS. Данные ресурсы заметно облегчат вашу жизнь. Вот только некоторые из них:

    Автоформатирование кода

    • http://www.cssportal.com/format-css
    • http://procssor.com
  3. При заточке под Internet Explorer (преимущественно версий младше 9.x) учитывайте его некорректную работу со свойствами margin при расположении блоков. В частности подобное касается случаев top/bottom. Потому иногда лучше выставлять padding.
  4. Ровным счетом, как и в любом другом коде, не ленитесь оставлять внятные комментарии к вашей верстке. Особенно, когда над проектом трудятся несколько специалистов. Скачайте любой нормальный англоязычный HTML-шаблон Откройте, стили посмотрите. Чаще всего вы увидите, разделенные краткими вставками, логические части: шапки, подвалы, боковые колонки, содержимое и т.п. Дополнительно заголовок будет содержать информацию о защите авторских прав верстальщика: кем, когда, для чего был создан файл, иные примечания.
  5. Не вздумайте добавлять корректное отображение сайта под IE6! Он был выпущен ещё в августе 2001 года. От его дальнейшей поддержки уже достаточно давно отказалась сама корпорация-разработчик, - Microsoft. Лучше переключайте внимание на ныне действующую девятую версию.
  6. Используйте поактивнее дополнение для Firefox под названием Firebug. Или садитесь за Google Chrome, Opera, либо Apple Safari. Там отладчики по умолчанию предоставлены в руки HTML-верстальщиков и не только.

Firebug



Deco Grille. Красивая декоративная вентиляционная решетка металлическая для пола Москва. . Камень для ландшафта. В мешках галька речная и морская купить в Москве с доставкой.

© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.