7.2. Синтаксис CSS. Теперь, когда вы имеете представление о том, как можно добавить таблицу стилей в HTML-документ, разберем синтаксис языка CSS. Ключевые слова. В CSS, как и в других языках программирования, есть ключевые слова. Помните, что в CSS они не должны заключаться в кавычки («…» или …). Так, например, red – это ключевое слово, а «red» – нет. Для большего понимания приведу еще примеры недопустимого написания: Width: «auto»; Background: "green"; Border: "none"; Рассмотрим каждую строку отдельно. Итак, в первой строке ширина должна задаваться автоматически. Для автоматической задачи ширины нужно использовать ключевое слово auto без кавычек. Во второй строке используется ключевое слово green, которое означает название цвета «зеленый», а в третьей – ключевое слово none, означающее, что рамка не будет видна вообще. Как и в предыдущих строках, оно не должно заключаться в кавычки. Комментарии. Комментарии в CSS начинаются с символов /* и заканчиваются символами */. Они могут находиться в любом месте таблицы. Использование комментариев очень удобно. Впоследствии вам может понадобиться много времени, чтобы сообразить, за какую часть документа отвечает тот или иной CSS-код. В то же время наличие комментариев поможет быстро в этом разобраться. Приведем пример CSS-кода с комментарием: /* Цвет основного заголовка – синий */ H1 { color: blue }. Из записи в комментарии понятно, что делает данное CSS-правило. Правила@ Правила @ начинаются с ключевого слова @, непосредственно за которым следует идентификатор (например, @import, @page). Каждый из этих идентификаторов далее рассмотрим подробнее. Все же надо отметить, что браузер с поддержкой CSS будет игнорировать все правила @import, которые находятся внутри блока CSS либо не предшествуют ни одному набору правил. Лучше всего это понять из примера. Рассмотрим неверную таблицу стилей: @import «subs.css»; H1 { color: blue }. @import "list.css"; Второе правило @import недопустимо. Браузер полностью проигнорирует второе правило @ целиком. Иными словами, в реальности он отобразит HTML-документ, используя такую таблицу стилей: @import «subs.css»; H1 { color: blue }. Приведем еще один пример недопустимого использования правила @: @import «subs.css»; @media print { @import "print-main.css"; Body { font-size: 10pt }. } H1 {color: blue }. В этом примере второе правило @import недопустимо, так как оно находится в пределах другого блока @media. В последующих разделах мы подробно разберем каждое правило @.