Синтаксис каскадных таблиц стилей css
При создании / применении каскадных таблиц стилей (css) используется
особенный алгоритм записи и прочтения, значительно отличающийся от синтаксиса
языков гипертекстовой разметки HTML — в первую
очередь, именно своей компактностью, «прозрачностью» и рациональностью. Впрочем,
давайте не будем ходить вокруг да около описываемого предмета, а просто
рассмотрим элементарные правила реализации этой технологии веб-дизайна.
Директивы, предписывающие браузеру считывать информацию непосредственно из
файла с расширением .css, могут быть представлены в нескольких различных видах;
чаще всего для указания используются наименования тегов гипертекстовой разметки
HTML, а сам синтаксис записи выглядит вот так (обобщённый пример):
НАИМЕНОВАНИЕ_ЭЛЕМЕНТА _HTML {свойство: значение}
Обратите внимание, что скобки используются не привычные нам полукруглые, но
именно фигурные. Ошибки в применении этих знаков разметки не так уж и редки, что
неизбежно приводит к некорректной работе каскадных таблиц стилей (причина
понятна: уж слишком такие скобки похожи друг на друга, и в обычном «Блокноте»
поиск ошибочного синтаксиса порою может стать чересчур раздражающим и
утомительным занятием). Вывод: при вёрстке css, непременно нужны в равной
степени как внимательность, так и аккуратность!
Пример простейшего форматирования текста
https://mdc76.ru врач кардиолог в ярославле платно.
Не откладывая эксперимента в долгий ящик, давайте предположим, что мы захотели
определить условия форматирование текста, а именно — абзаца (тег гипертекста
HTML <P>). В этом случае, корректная запись должна быть сделана вот по такому
принципу синтаксиса:
p {font-family: Verdana, Helvetica, Arial Cyr;
font-size: 12px;
margin-top: 10; margin-bottom: 9;
margin-left: 60px; margin-right: 60px;
text-indent: 0pt;
line-height:135%;
word-spacing: 2px; text-align: justify;
}
Правила записи атрибутов css
Заметьте, что перечисление определяемых атрибутов происходит через точку с
запятой, а варианты их значений записаны просто через запятую (приоритет
просчитывается слева направо). Что конкретно обозначается свойствами /
атрибутами тега, мы в данный момент рассматривать не намереваемся; в конце
концов, речь сейчас идёт вовсе не об этом, но об описании синтаксиса. Запомните
то, что любой из HTML-файлов (всякая из веб-страниц) может быть ориентирован на
конкретный файл css, и в этом случае описанный в таблице тег будет отображаться
браузером по указанной технологии веб-дизайна.
Кроме всего прочего, постулаты записи предписывающих директив в файлах каскадных
таблиц стилей не требуют применения пробелов. Тем не менее, считается признаком
хорошего тона осуществлять записи приблизительно так, как это сделано в примере;
таким образом облегчается листинг таблиц.
Статья: |
Синтаксис каскадных таблиц стилей
css |
Опорные темы: |
Увлекательные технологии Интернета и веб-термины |
|