Преимущества каскадных таблиц стилей (CSS)

Неодобрение большинства элементов форматирования HTML, которые использовались в HTML 4.0, означает, что даже если браузеры по-прежнему поддерживают их, согласно рекомендации Консорциума W3C они не должны больше использоваться. Веб-дизайнерам рекомендуется использовать CSS (Cascading Style Sheets — каскадные таблицы стилей).

Главные преимущества CSS:

  • Более чистый код
  • Этот код легче поддерживать
  • Он быстрее загружается
  • Он лучше оптимизирован для поисковых систем
  • Модульный код
  • Правила стиля могут применяться ко множеству страниц
  • Единообразный дизайн
  • Код легче поддерживать
  • Сила дизайна
  • Точность контроля (позиционирование, размер, поля и др.)
  • Разделение труда
  • Задача разработчика — разрабатывать, задача дизайнера — создавать дизайн
  • Лучше доступность
  • Теги больше не используются не по назначению (например,
    для форматирования)
  • Нет необходимости в позиционировании невидимых картинок
  • Пользователи могут переписывать стилевые таблицы автора

Правила CSS

Правила CSS содержат определения стиля элемента или группы элементов. Они используют следующий синтаксис:


селектор {свойство:значение; свойство:значение; свойство:значение;}

Все пары свойство:значение являются декларациями. Множественные (составные) декларации разделяются точкой с запятой. Селектор определяет элементы, на которые воздействуют правила. Давайте рассмотрим следующее правило:


p {
 color:green;
 font-family:Arial;
 font-size:10px
}

Это правило определяет, что текст во всех параграфах должен быть темно-зеленого цвета, размер текста должен быть 10 точек, а в качестве шрифта можно использовать шрифт Verdana.

Комментарии в CSS

Комментарии в CSS начинаются с «/*» и заканчиваются «*/». Взгляните на этот пример:


p {
 color:red; /* Текст во всех параграфах должен быть красного цвета */
}

Поделитесь статьей со своими друзьями