После свойства обязательно ставится двоеточие, свойства и значения заключены в фигурные скобки (иногда их называют набором правил или определением стилей).
Определение стилей можно также записать в одну строчку:
Использование пробелов между селекторами, фигурными скобками, свойствами и значениями не является обязательным. Это зависит от предпочтений веб-разработчика.
С помощью CSS можно изменять свойства элементов (тегов) веб-страницы, в том числе:
Создадим два файла: demo.html и styles.css (пока пустой).
Добавим в файл styles.css следующий код.
body {
background-color: yellow;
}
body это селектор, определяющий элемент веб-страницы, который будет изменён. Отображаемое браузером содержимое веб-страницы размещается между тегами body, следовательно указанный выше код изменит внешний вид всей веб-страницы.
background-color это свойство, в данном конкретном случае цвет фона.
yellow это значение свойства. Задать цвет можно тремя способами, в том числе - английскими названиями, т.е. blue (синий), green (зелёный), black (чёрный), yellow (жёлтый) и т.д.
Результат применения файла со стилями (CSS) - жёлтый цвет фона для всей веб-страницы.
Скачать исходник (1 кб)
С помощью CSS3 можно изменить несколько свойств одного селектора одновременно.
Существуют также селекторы атрибутов, которые позволяют установить стиль при наличии определённого атрибута тега или его значения.
