Стили в документе

Встроенные стили работают, но представьте, что вы хотите сделать зелёными все абзацы на странице. Вам пришлось бы добавить один и тот же атрибут style в каждый абзац, а если вы передумаете, менять придётся каждый из них заново.

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

li {
	color: orange;
	text-align: center;
}

Селектор li выбирает все элементы li на странице, поэтому это правило делает все элементы списка оранжевыми и выравнивает их по центру. Объявления здесь такие же, как в атрибуте style. Принято писать каждое объявление на отдельной строке с отступом и заканчивать каждое точкой с запятой, даже последнее.

Второй способ добавить CSS на страницу — написать правила в элементе style. Он размещается в head, потому что это не содержимое страницы, а сведения о том, как её показывать:

<head>
	<meta charset="utf-8">
	<title>Домашняя кошка</title>
	<style>
		li {
			color: orange;
		}
	</style>
</head>