Информация [CSS] Урок 0: введение

[Николай Винсент]

Итак, в программировании есть такой язык как Cascading style sheets (CSS)
Он используется для описания внешнего вида HTML файлов.
Через него можно прописывать формы, размеры, цвет и тд.
Этот урок пусть будет нулевым – вводным.
Основная структура CSS выглядит так:
1. Селектор – ссылка на HTML элемент
2. Свойство – в нём прописывается сам CSS
Разберем по частям небольшой код:

text {
 color: #ff0000;
 background: #0000ff;
}

 text {

Это селектор и открытие самого кода. Самим селектором является text, а код открывается фигурной скобкой ({). Данный селектор дает значение тексту в самом HTML файле.

 color: #ff0000;
 background-color: #0000ff;
}

Обратите внимание, после каждой строчки самого кода надо писать точку с запятой (;) иначе он не обработает строку и ВЕСЬ код этого селектора перестанет работать
Разберем по строкам:

 color:  #ff0000;

Параметр color задает селектору text цвет, указанный в параметре color
Параметры color, background-color и похожие могут иметь значение цвета как в HEX-коде, так и английским названием (например: red)
В нашем случае дается красный цвет. Если вы указываете HEX-код, то в начале обязательно должен быть Шарп (#).

 background-color: #0000ff;

Параметр background-color устанавливает цвет фона в селекторе text. В нашем случае дается красный цвет

 }

Ну и последняя строка, это закрытие самого кода закрывающим знаком (})


Автор урока: Николай Винсент