Стили CSS могут быть написаны непосредственно внутри HTML-файла с помощью тега <style> или в отдельном файле, который затем подключается к HTML-документу с помощью тега <link>.
Например, если вы хотите добавить стили для гиперссылок на странице, вы можете написать следующий код в разделе <head> HTML-документа:
<head>
<style>
a {
color: blue;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>Здесь мы создали стили для ссылок, которые устанавливают их цвет, убирают подчеркивание и делают их жирными. Также мы добавили стиль на наведение ссылки с помощью псевдо-класса :hover, который делает текст подчеркнутым.
Вы также можете создавать отдельный файл со стилями и подключать его к HTML-документу с помощью тега <link>. Например:
<head>
<link rel="stylesheet" href="styles.css">
</head>В этом примере мы подключаем файл «styles.css», который должен содержать стили для нашей страницы.
В файле «styles.css» стили для ссылок могут выглядеть так:
a {
color: blue;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}Отделять селекторы и свойства можно как с помощью пробелов, так и с помощью перевода строки для улучшения читаемости кода.
