Ситаксис CSS

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

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

Правила, которые находятся в блоке, который следует за селектором, могут применяться ко всем элементам определенного типа или только к тем элементам, которые соответствуют определенному атрибуту. Вы узнаете больше о селекторах в следующей главе.

Каждая декларация состоит из свойства и значения. Свойство - это атрибут стиля, который вы хотите изменить; это может быть цвет или граница и т.д. Каждое свойство имеет значение, например, свойство color может иметь значение либо синего цвета blue, либо #0000FF и т.д.

h1 {color:blue; text-align:center;}

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

h1 {
  color: blue;
  text-align: center;
}

В приведенном выше примере h1 - селектор, color и text-align - свойства, а blue и center - соответствующие значения этих свойств.

Комментарии CSS

Комментарии обычно добавляются с целью облегчения понимания исходного кода. Это может помочь другому разработчику (или вам в будущем, когда вы будете редактировать исходный код) понять, что вы пытались сделать с помощью CSS. Комментарии важны для программистов, но обычно игнорируются браузерами.

Комментарий CSS начинается с /* и заканчивается */, см. пример ниже:

/* Это комментарий CSS */
h1 {
  color: blue;
  text-align: center;
}