Синтаксис языка CSS

Главная » Уроки » CSS

Подобно любому компьютерному языку CSS подчиняется строго определенному набору синтаксических правил, общему для всех версий языка (CSS1, CSS2, CSS3). Правило таблицы стилей является структурной единицей CSS и описывает стилевое оформление определенного элемента. Каждое правило включает в себя селектор, который располагается слева, и блок объявления стилей, заключенный в фигурные скобки и состоящий из свойства и значения, записанных через двоеточие.

Синтаксис языка CSS

Одно правило может содержать несколько селекторов, перечисленных через запятую, несколько блоков объявления, разделенных точкой с запятой. Объявление, не содержащее никаких свойств, называют пустым.

В примере правила:

H1, H2 {color: red; font: italic 10pt; background-color: black;}

Селекторами являются HTML-элементы H1, H2, к ним будут применены стили из трех блоков описания, в частности свойству color будет установлено значение red. Кроме обычных правил, таблица стилей может содержать @правила, которые начинаются с символа @, непосредственно за ним следует имя правила и далее содержание правила. Пример такого правила, указывающего кодировку: @charset "UTF-8".

Регистр символов в CSS2 не учитывается, однако, чувствительными к регистру остаются объекты, не являющиеся элементами языка, например, атрибут id у HTML-элементов. Незначащие пробелы и символы табуляции языком CSS игнорируются.

В текст таблицы стилей удобно вставлять комментарии, они помещаются между символами «/*» и «*/». Кроме того можно пользоваться «<!--» и «-->», если браузер поддерживает CSS, то текст между этими символами будет проигнорирован. С помощью «<! --» и « -->» можно скрыть от браузера, не поддерживающего CSS текст таблицы стилей, иначе он отобразится в качестве содержимого документа.

Хотите взять ипотеку или кредит на покупку автомобиля? Профессиональную помощь в получении кредита окажет вам «Финансовая Компания Максима». Вы сможете получить быстрый кредит наличными, причем без справок и поручителей.

Категория: CSS; Урок сделан: 04.06.2012; Просмотров : 1326; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru