Преимущества каскадных таблиц стилей (CSS)
Переклад українською: Переваги каскадних таблиць стилів (CSS)
Неодобрение большинства элементов форматирования HTML, которые использовались в HTML 4.0, означает, что даже если браузеры по-прежнему поддерживают их, согласно рекомендации Консорциума W3C они не должны больше использоваться. Веб-дизайнерам рекомендуется использовать CSS (Cascading Style Sheets — каскадные таблицы стилей).
Главные преимущества CSS:
- Более чистый код
- Этот код легче поддерживать
- Он быстрее загружается
- Он лучше оптимизирован для поисковых систем
- Модульный код
- Правила стиля могут применяться ко множеству страниц
- Единообразный дизайн
- Код легче поддерживать
- Сила дизайна
- Точность контроля (позиционирование, размер, поля и др.)
- Разделение труда
- Задача разработчика — разрабатывать, задача дизайнера — создавать дизайн
- Лучше доступность
- Теги больше не используются не по назначению (например, <blockquote> для форматирования)
- Нет необходимости в позиционировании невидимых картинок
- Пользователи могут переписывать стилевые таблицы автора
Правила CSS
Правила CSS содержат определения стиля элемента или группы элементов. Они используют следующий синтаксис:
селектор {свойство:значение; свойство:значение; свойство:значение;}
Все пары свойство:значение являются декларациями. Множественные (составные) декларации разделяются точкой с запятой. Селектор определяет элементы, на которые воздействуют правила. Давайте рассмотрим следующее правило:
p {
color:darkgreen;
font-family:Verdana;
font-size:10pt
}
Это правило определяет, что текст во всех параграфах должен быть темно-зеленого цвета, размер текста должен быть 10 точек, а в качестве шрифта можно использовать шрифт Verdana.
Комментарии в CSS
Комментарии в CSS начинаются с «/*» и заканчиваются «*/». Взгляните на этот пример:
p {
color:red; /* Текст во всех параграфах должен быть красного цвета */
}