CSS (Cascading Style Sheets) – это язык стилей, используемый для определения внешнего вида HTML-элементов. CSS состоит из селекторов и свойств.
Селекторы определяют, на какой HTML-элемент будут применяться свойства. Селекторы позволяют определить элементы по их типу, идентификатору, классу, атрибутам и другим параметрам.
Примеры селекторов:
h1 { /* применить свойства к заголовкам первого уровня */
color: red; /* цвет текста красный */
}
#main { /* применить свойства к элементу с идентификатором "main" */
background-color: blue; /* цвет фона синий */
}
.menu-item { /* применить свойства к элементам с классом "menu-item" */
font-size: 18px; /* размер шрифта 18 пикселей */
}Свойства определяют стиль HTML-элементов. Они могут принимать различные значения, такие как цвет, размеры, расстояние, шрифт и другие.
Каждое свойство состоит из названия и значения, разделенных двоеточием. Инструкции могут быть заключены в фигурные скобки { }.
Примеры свойств:
color: #333; /* цвет текста с использованием шестнадцатеричной формы записи цвета */
font-size: 16px; /* размер шрифта 16 пикселей */
margin: 10px auto; /* поля 10 пикселей сверху и снизу, автоматическое выравнивание по центру по горизонтали */Чтение и понимание CSS-кода требует знания синтаксиса языка и его основных конструкций, а также опыта работы со стилями.
