27Таблица стилей CSS (Cascading Style Sheets) — это текстовый файл, содержащий набор правил и инструкций, описывающих внешний вид элементов на веб-странице.
Таблица стилей позволяет добавлять цвета, шрифты, размеры, отступы и другие визуальные эффекты на веб-страницу, что делает ее более привлекательной и профессиональной внешне.
Таблицы стилей могут быть включены в HTML-код в разных форматах. Но наиболее распространенный способ создания таблиц стилей — это создание файла с расширением .css и последующим подключением его к HTML-документу с помощью тега <link>.
Пример:
<head>
<link rel="stylesheet" href="style.css">
</head>В данном примере мы подключаем файл стилей «style.css» к HTML-документу с помощью тега <link>.
Пример таблицы стилей в CSS:
/* выбираем все элементы селектором '*' и добавляем общий margin, padding и font-size */
* {
margin: 0;
padding: 0;
font-size: 16px;
}
/* выбираем тег h1 и задаем его стиль */
h1 {
color: #333;
font-size: 32px;
font-weight: bold;
}
/* выбираем класс '.btn' и задаем его стиль */
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #ff6600;
color: #fff;
border: none;
border-radius: 4px;
text-decoration: none;
font-size: 18px;
}В этом примере мы создаем три правила стилей: общее стилизование всех элементов, стилизация тега h1 и класса .btn.
Таким образом, таблицы стилей CSS являются важной частью веб-разработки, поскольку позволяют разработчикам создавать красивый и профессиональный дизайн веб-сайтов.
