Поиск по этому блогу

6 января 2012 г.

Синтаксис таблиц стилей CSS

Таблицы стилей CSS, как часть программного языка HTML, имеют свои синтаксис - основной набор правил написания. Прежде всего, главным правилом создания таблиц стилей является то, что всё прописывается на английском языке.


Далее поговорим о том, как стоит создавать стили. Я не буду говорить о том, как интегрировать CSS в html-документы - это отдельная статья.
В связи с тем. что есть два способа присвоения стилей (внутренний и из внешнего файла), то в статье рассмотрим несколько правил написания стилей в зависимости от того, каким образом присваиваются к html-документу таблицы стилей.
Если стиль прописывается в отдельном файле, то в файле CSS должен быть следующий вид "скелета" данного стиля:

элемент_html-документа
{
параметры_элемента : значение_параметра;
}

Если же к элементам html-документов присваиваются классы, то вышеприведённая запись будет иметь следующий вид


элемент_html-документа.класс_элемента
{
параметры_элемента : значение_параметра;
}


Если же стили прописываются внутри html-документа, то такой способ можно разбить на несколько случаев:

1) стиль прописывается к одному элементу группы

<элемент style="параметры_элементов : значение_параметра;">содержимое элемента

Другими словами, действие стиля, распространяющегося на данный элемент, прекращается с момента установки закрывающего тега элемента.

2) стиль присваивается группе элементов


Стиль заданный подобным образом, будет распространяться на все элементы, указанные внутри тега "style", независимо от того, где был установлен контейнер
В независимости от наличия одинаковых элементов документа, стиль будет присвоен только тому, которому задан данный класс.
4) стиль присваивается как классу элемента, так и группе элементов
Например, если у вас имеется таблица, и одной ячейке присвоен некий класс , а все остальные ячейки не принадлежат данному классу, то
Ячейка1Ячейка2
Ячейка1.2Ячейка2.2
Результат на рисунке

Комментариев нет: