Код HTML используется для создания разметки веб-страницы, все содержимое которой находится в различных элементах, таких как абзац, заголовок и другие. А для задания внешнего вида используется код CSS.

Акроним CSS лучше всего объяснить в следующем порядке:

• Styles (стили) — правила, контролирующие внешний вид содержимого веб-страницы.
• Sheets (таблицы стилей) — правила в основном находятся в документах, отдельных от файлов HTML, в файлах таблиц стилей.
• Cascading (каскадные) — у этих правил могут быть разные приоритеты, т. е., внешний вид веб-страницы может меняться при различных обстоятельствах, например, разные правила могут задавать внешний вид веб-страницы в напечатанном виде и когда она отображается на экране. Правила могут повторять друг друга, дополнять или противоречить друг другу: если более, чем одно правило задает отображение элемента, в CSS однозначным образом определяется, какой стиль будет применен.

У кода CSS есть много преимуществ перед другими способами задания внешнего вида веб-страниц:

1. Он отделяет внешний вид от содержимого, это означает, что их можно изменять по отдельности, то есть не создается путаница, и вносить изменения намного проще.
2. Можно очень быстро изменить общий вид веб-сайта или оптимизировать отображение сайта на мобильных устройствах или для пользователей с ограниченными возможностями.
3. Правила CSS обеспечивают целостность внешнего вида на всех страницах веб-сайта.
4. С помощью стилей CSS можно использовать интересные способы обработки элементов HTML, особенно таких как блоки.

Примечание редакции (переводчика Maya_Specctra или как ты посчитаешь нужным написать): Многие веб-разработчики не понимают всех возможностей кода CSS, поэтому мы рекомендуем ознакомиться с сайтом www.csszengarden.com. На нем наглядно показано, как не меняя совершенно ничего в коде HTML, можно лишь с помощью кода CSS создать бесконечное разнообразие внешнего вида веб-сайта.

Автор урока Dudley Storey

Перевод — Дежурка

Смотрите также:

• Использование значения по умолчанию CSS для сброса настроек
• Использование элементов HTML col и colgroup
• Использование расположений CSS: значение «фиксированное»