CSS-код запускается автоматически в браузере, когда вы указываете его в HTML-коде в теге <style> или ссылаетесь на файл со стилями с помощью тега <link>.
- Встроенный CSS:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>В этом примере мы встроили CSS-код внутрь тега <style> внутри раздела <head> документа. Здесь мы задали цвет синий для заголовка <h1>.
- Внешний файл CSS:
Создаем файл под именем «styles.css»:
h1 {
color: blue;
}Создаем файл с расширением «.html» и записываем следующий код:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html> Здесь мы ссылаемся на файл «styles.css» с помощью тега <link> внутри раздела <head> документа.
Интерпретатор браузера автоматически применит стили из указанного файла к элементам на странице.
Но необходимо помнить, что для обновления стилей на странице, вам нужно сбросить кэш браузера, либо обновлять страницу с использованием комбинации клавиш Ctrl + F5 на Windows (Cmd + Shift + R на Mac).
