Переваги каскадних таблиць стилів (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; /* Текст у всіх параграфах повинен бути червоного кольору */
}