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

Теория
Неодобрение большинства элементов форматирования HTML, которые использовались в HTML 4.0, означает, что даже если браузеры по-прежнему поддерживают их, согласно рекомендации Консорциума W3C они не должны больше использоваться.

Веб-дизайнерам рекомендуется использовать CSS (Cascading Style Sheets — каскадные таблицы стилей).

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

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

Правила CSS

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

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

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

p {
 color:darkgreen;
 font-family:Verdana;
 font-size:10pt
}

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

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

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

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

Видео Обсуждение

Автор Cascading Style Sheets