CSS — это язык таблиц стилей, предназначенный для описания внешнего вида элементов веб-страниц. Вот пример того, как может выглядеть CSS:
/* Пример стилей для заголовков h1 */
h1 {
color: #007bff; /* цвет текста заголовка */
font-family: Arial; /* шрифт текста заголовка */
font-size: 36px; /* размер текста заголовка */
font-weight: bold; /* жирный текст */
margin: 20px 0; /* отступы сверху и снизу */
}
/* Пример стилей для ссылок */
a {
color: #007bff; /* цвет ссылки */
text-decoration: none; /* убираем подчеркивание */
border-bottom: 1px solid #007bff; /* добавляем нижнее подчеркивание */
}
a:hover {
color: #0056b3; /* изменяем цвет ссылки при наведении */
border-bottom: 1px solid #0056b3; /* изменяем подчеркивание ссылки */
}В приведенном выше примере, мы определяем стили для заголовков h1 и для ссылок. Мы используем различные свойства, такие как color (цвет), font-family (семейство шрифтов), font-size (размер шрифта), font-weight (жирность текста) и другие, чтобы изменить внешний вид элементов на веб-странице.
Заметим, что CSS использует селекторы для выбора элементов, к которым будут применяться определенные стили. Например, мы используем селектор «h1» для выбора всех заголовков первого уровня (элементов h1), и затем задаем стили для этого элемента.
CSS может быть гораздо более сложным и содержать много различных свойств для определенных элементов. Однако, приведенный выше пример демонстрирует основные концепции CSS, используемые для стилизации элементов на веб-странице.
