Название

Создаем свой первый CSS стиль.

Сейчас мы с вами создадим свой первый CSS-стиль. Для этого откройте файл style.css, который мы с вами создали в этом уроке.

Стиль будет довольно простой, его основная задача в том, чтобы сделать цвет текста всех абзацев на html-странице красным цветом.

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

Элемент, который нужно оформить (селектор) {
                Свойство1 : значение1;
                Свойство2 : значение2;
                …
}

Т.к. нам нужно выбрать все абзацы на странице, то селектором, который за это отвечает, является «p». Это имя элемента в HTML, которое отвечает за абзацы в тексте.

Свойство, которое позволяет менять цвет текста – это свойство color.

И значение, свойства color, которое отвечает за красный цвет, является «red».

В итоге, в файл style.css нужно добавить следующее содержимое:

p {
  color:red;
}

Пока это просто стиль. Для того, чтобы увидеть результат, как он работает, его нужно присоединить к какой-либо HTML-странице.

Об этом в следующем уроке.

Назад Далее