Перейти к содержанию

CSS/Определение Правил Стиля

Материал из Викиучебника — открытых книг для открытого мира
< CSS

Связать инструкции по оформлению с веб-страницей можно одним из трех способов: связыванием, внедрением и встраиванием. Основное различие между ними — то, где они расположены. Связанные стили предпочтительнее для живых веб-сайтов. Внедрённые и встроенные стили полезны на начальном этапе создания сайта, но менее эффективны при обслуживании, чем связанные стили.

Синтаксис

[править]

Стили состоят из одного или более правил.

У каждого правила есть две части: селектор и группа объявлений в фигурных скобках:

selector { declaration; declaration2; ...}

Каждое объявление состоит из пары свойство значение:

property: value

Помните, что может быть несколько объявлений в одном правиле.

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

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

Существует много свойств CSS. Вот их список: CSS Свойства.

Основы использования

[править]

Вот пример того, как сделать все элементы span полужирными:

span {
	font-weight: bold;
}

font-weight: bold; объявление имеет свойство font-weight и значение bold, что делает шрифт полужирным.

Это будет выглядеть так:

Bold Text

Немного более сложный пример:

span {
	font-weight: bold;
	color: yellow;
	background-color: black;
}

Это будет выглядеть так:

Yellow Bold Text

Вы можете использовать много других свойств и значений, но это только начало, как использовать CSS.