40CSS-файлы могут быть загружены на веб-страницу несколькими способами:
- С помощью тега
link. Рекомендуется использовать этот способ:
<head>
<link rel="stylesheet" href="style.css">
</head>Здесь href указывает путь к CSS-файлу.
- С помощью тега
style. Стили буду применены к элементу, для которого написаны:
<head>
<style>
.my-element {
background-color: #f2f2f2;
font-size: 16px;
color: #333;
font-family: Arial, sans-serif;
}
</style>
</head>- С помощью атрибута
style. Стили задаются непосредственно для элемента:
<body style="background-color: #f2f2f2; font-size: 16px; color: #333; font-family: Arial, sans-serif;">
<h1 style="font-size: 32px; color: #008080;">Заголовок</h1>
<p>Текст</p>
</body>Стили, заданные через атрибут style, имеют приоритет над стилями, заданными в CSS-файле или теге style, а стили, заданные в теге style, имеют приоритет над стилями, заданными в CSS-файле.
- С помощью JavaScript. Стили могут быть заданы динамически через JavaScript:
var element = document.getElementsByClassName("my-element")[0];
element.style.backgroundColor = "#f2f2f2";
element.style.fontSize = "16px";
element.style.color = "#333";
element.style.fontFamily = "Arial, sans-serif";Здесь my-element – это класс элемента, для которого задаются стили.
