Правила и комментарии

Добро пожаловать на второй урок CSS! В прошлом уроке вы написали своё первое правило. Давайте подробнее рассмотрим его части и их названия, потому что мы будем пользоваться ими постоянно:

• Правило — это всё целиком: селектор и объявления в фигурных скобках.
• Селектор выбирает элементы, которые оформляет правило. Селектор h1 выбирает все элементы h1.
• Объявление говорит, что изменить и как. Оно состоит из свойства и значения, разделённых двоеточием, и заканчивается точкой с запятой.
• Свойство — то, что мы меняем, например цвет текста (color).
• Значение — то, на что мы меняем свойство, например blue.

Таблица стилей — это просто список правил. Браузеру безразличны пробелы и переносы строк, поэтому h1{color:blue} тоже сработает. Но правила, записанные в несколько строк, с объявлениями под отступом, читать гораздо легче.

В таблице стилей могут быть и комментарии: заметки для людей, которые браузер игнорирует. Комментарий начинается с /* и заканчивается */, и он может занимать несколько строк:

/* Главный заголовок */
h1 {
	color: blue;
}

/*
p {
	color: green;
}
*/

Комментарии нужны, чтобы объяснять код, а также чтобы на время отключить его часть: правило для p выше находится внутри комментария, поэтому оно ничего не делает. Осторожно: комментарий HTML <!-- --> в CSS не работает. Здесь действует только /* */.

В style.css мы оставили правило из прошлого урока и убрали у главного заголовка встроенный стиль, чтобы он не мешал.