24Существует несколько способов изменения стилей CSS:
- Изменение стилей через тег <style> в HTML:
<head>
<style>
body {
background-color: #f2f2f2;
font-size: 16px;
color: #333;
font-family: Arial, sans-serif;
}
h1 {
font-size: 32px;
color: #008080;
}
</style>
</head>- Изменение стилей через атрибут style в HTML:
<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>- Изменение стилей через внешний файл стилей CSS:
body {
background-color: #f2f2f2;
font-size: 16px;
color: #333;
font-family: Arial, sans-serif;
}
h1 {
font-size: 32px;
color: #008080;
}<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Заголовок</h1>
<p>Текст</p>
</body>- Изменение стилей через JavaScript:
<head>
<script>
document.body.style.backgroundColor = "#f2f2f2";
document.body.style.fontSize = "16px";
document.body.style.color = "#333";
document.body.style.fontFamily = "Arial, sans-serif";
document.getElementsByTagName("h1")[0].style.fontSize = "32px";
document.getElementsByTagName("h1")[0].style.color = "#008080";
</script>
</head>
<body>
<h1>Заголовок</h1>
<p>Текст</p>
</body>