CSS/Определение Правил Стиля
Связать инструкции по оформлению с веб-страницей можно одним из трех способов: связыванием, внедрением и встраиванием. Основное различие между ними — то, где они расположены. Связанные стили предпочтительнее для живых веб-сайтов. Внедрённые и встроенные стили полезны на начальном этапе создания сайта, но менее эффективны при обслуживании, чем связанные стили.
Синтаксис
правитьСтили состоят из одного или более правил.
У каждого правила есть две части: селектор и группа объявлений в фигурных скобках:
- selector { declaration; declaration2; ...}
Каждое объявление состоит из пары свойство значение:
- property: value
Помните, что может быть несколько объявлений в одном правиле.
Частая ошибка состоит в том, чтобы перепутать двоеточия, которые отделяют свойство и значение объявления, и точки с запятой, которые отделяют объявления между собой.
Селектор выбирает элементы, для которых применяются правила, а объявления устанавливают значения для различных свойств элементов, которые выбраны.
Существует много свойств CSS. Вот их список: CSS Свойства.
Основы использования
правитьВот пример того, как сделать все элементы span полужирными:
span {
font-weight: bold;
}
font-weight: bold;
объявление имеет свойство font-weight
и значение bold
, что делает шрифт полужирным.
Это будет выглядеть так:
Немного более сложный пример:
span {
font-weight: bold;
color: yellow;
background-color: black;
}
Это будет выглядеть так:
Вы можете использовать много других свойств и значений, но это только начало, как использовать CSS.