Untitled

<!DOCTYPE html>
<html>
<head>
<style>
ol {
  background: #00CED1;
  padding: 20px;
}


ol li {
  background: #E6E6FA;
  padding: 5px;
  margin-left: 35px;
}
</style>
</head>
<body>

<h1>Hierarchia stylów</h1>

<ol>
  <li>Styl lokalny.</li>
  <li>Rozciąganie stylu.</li>
  <li>Wydzielone bloki.</li>
  <li>Wewnętrzny arkusz stylów.</li>
  <li>Zewnętrzny arkusz stylów.</li>
  <li>Import stylów do zewnętrznego arkusza.</li>
  <li>Atrybuty defniowane w dokumencie HTML.</li>
</ol>

</body>