Использование CSS



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

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


Синтаксис CSS и его включение в код HTML



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

CSS имеет отличный от HTML синтаксис и включается в код страницы посредством тегов <style></style>. Вы также можете интегрировать код CSS, который находится в отдельном файле при помощи тега <link> с параметрами:

<link rel = “stylesheet” type = “text/css” href = “путь_до_файла.css”>

CSS-код имеет определенный синтаксис, которого стоит строго придерживаться, иначе создаваемые стили не будут отображены на странице. Участок кода CSS можно разделить на 3 основных элемента: селектор, свойство и значение. Данные пункты прописываются следующим образом:

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

Селектор задает дескриптор, к которому применяется создаваемое правило отображения. Параметр «свойство» определяет редактируемый аспект элемента, а «значение» определяет для «свойства» соответствующую опцию. Например, чтобы изменить цвет в заголовке второго уровня <h2> HTML, можно применить следующий код:

h2 { color: red; }

Данный код задает красный цвет тексту, который располагается в дескрипторе заголовка второго уровня.
CSS использует стандартную для HTML таблицу цветов.


Кроме использования тегов <style> и <link> вы можете применять внутренние теги. Например:

<h2 style = “color: red;”>Заголовок</h2>

Данный код идентичен вышеописанному с тем различием, что сами параметры CSS были заданы внутри нужного для редактирования дескриптора.