CSS для Початківців

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

Головні переваги CSS:

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

 

Правила CSS

Правила CSS містять визначення стилю елемента або групи елементів. Вони використовують наступний синтаксис:

селектор властивість:значення; властивість:значення; властивість:значення;

Всі пари властивість:значення є деклараціями. Множинні (складові) декларації розділяються крапкою з комою. Селектор визначає елементи, на які впливають правила. Давайте розглянемо наступне правило:

Це правило визначає, що текст у всіх параграфах повинен бути темно-зеленого кольору, розмір тексту повинен бути 10 точок, а в якості шрифту можна використовувати шрифт Verdana.

Коментарі в CSS

Коментарі в CSS починаються з «/*» і закінчуються «*/». Погляньте на цей приклад: