CSS (Cascading Style Sheets) — язык таблиц стилей для оформления веб-страниц. Он позволяет отделить внешний вид веб-страницы от ее содержимого, что упрощает изменение дизайна и разработку сайта.
Написание CSS начинается с создания файла с расширением .css, который содержит определения стилей для элементов HTML. Файл CSS связывается с HTML-страницей с помощью тега <link> внутри блока <head>:
<head>
<link rel="stylesheet" href="style.css">
</head>
Затем в файле CSS могут быть добавлены правила для оформления HTML-элементов. Правило начинается с селектора, который указывает на элемент HTML, к которому будет применен стиль. Например, для применения стиля к заголовку h1, можно использовать следующий селектор:
h1 {
color: red;
font-size: 32px;
}
Селектор за которым следует блок с фигурными скобками. В блоке содержаться свойства CSS и их значения, разделенные двоеточием. Несколько свойств можно разделить точкой с запятой.
<h1>Мой заголовок</h1>
h1 {
color: red;
font-size: 32px;
}
В этом примере перед заголовком будет установлен красный цвет и размер шрифта 32 пикселя.
Существуют множество свойств CSS для изменения внешнего вида элементов и компоновки страницы: цвета, шрифты, размеры, отступы, рамки, фоны и т.д.
Ниже приведен пример стилей, которые могут быть применены к элементу HTML со слассом «button»:
.button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: blue;
color: white;
border-radius: 4px;
}
Эти стили установят кнопке блочное отображение, отступы для текста, размер шрифта, выравнивание текста, цвет фона, цвет текста и скругления углов.
CSS является очень мощным инструментом для визуального оформления веб-страниц и значительно упрощает создание и поддержку веб-сайтов.
