Таблицы стилей CSS, как часть программного языка HTML, имеют свои синтаксис - основной набор правил написания. Прежде всего, главным правилом создания таблиц стилей является то, что всё прописывается на английском языке.
Далее поговорим о том, как стоит создавать стили. Я не буду говорить о том, как интегрировать CSS в html-документы - это отдельная статья.
В связи с тем. что есть два способа присвоения стилей (внутренний и из внешнего файла), то в статье рассмотрим несколько правил написания стилей в зависимости от того, каким образом присваиваются к html-документу таблицы стилей.
Если стиль прописывается в отдельном файле, то в файле CSS должен быть следующий вид "скелета" данного стиля:
элемент_html-документа
{
параметры_элемента : значение_параметра;
}
Если же к элементам html-документов присваиваются классы, то вышеприведённая запись будет иметь следующий вид
элемент_html-документа.класс_элемента
{
параметры_элемента : значение_параметра;
}
Если же стили прописываются внутри html-документа, то такой способ можно разбить на несколько случаев:
1) стиль прописывается к одному элементу группы
<элемент style="параметры_элементов : значение_параметра;">содержимое элемента
Другими словами, действие стиля, распространяющегося на данный элемент, прекращается с момента установки закрывающего тега элемента.
2) стиль присваивается группе элементов
Стиль заданный подобным образом, будет распространяться на все элементы, указанные внутри тега "style", независимо от того, где был установлен контейнер
В независимости от наличия одинаковых элементов документа, стиль будет присвоен только тому, которому задан данный класс.
4) стиль присваивается как классу элемента, так и группе элементов
Например, если у вас имеется таблица, и одной ячейке присвоен некий класс , а все остальные ячейки не принадлежат данному классу, то
| Ячейка1 | Ячейка2 |
| Ячейка1.2 | Ячейка2.2 |
Результат на рисунке
Оригинал статьи: Основы создания таблиц стилей CSS
Комментариев нет:
Отправить комментарий