Как изменить стиль css

Существует несколько способов изменения стилей 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>