Встроенные стили

Теперь ваша очередь писать CSS. Мы вернули страницу в прежний вид, без таблицы стилей. Есть три способа добавить CSS на страницу, и в этом уроке вы попробуете все.

Первый способ — записать стили прямо в элементе, в его атрибуте style. Такие стили называются встроенными:

<p style="color: orange">Учим CSS!</p>

Этот абзац будет выглядеть так:

Учим CSS!

Текст color: orange — это объявление. Оно состоит из двух частей, разделённых двоеточием:

• свойство говорит, что вы хотите изменить, здесь это color, цвет текста,
• значение говорит, на что это изменить, здесь это orange.

CSS знает названия многих цветов, например red, blue, green или orange. Другие способы записи цветов вы узнаете в уроке о цветах.

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

<p style="color: orange; text-align: center">Учим CSS!</p>

Учим CSS!

Свойство text-align выравнивает текст, здесь — по центру.