<head>
<link href="special.css" rel="stylesheet" type="text/css">
   
                     P.special {color : green; border: solid red;}
<style type="text/css">
      H1.myclass {border-width: 1; border: solid; text-align: center}
     </style>
</head>

1. Сейчас используем заголовок Н1 с классом myclass:
<H1 class="myclass">На этот H1 влияет шаблон из оглавления </H1>

На этот H1 влияет шаблон из оглавления

2. А сейчас обычный "не классный" заголовок:
<h1> А это простой заголовок h1 </h1>

А это простой заголовок h1

3. Файл special.css подключается к документу в его оглавлении (см.выше) и содержит описание class="special", которое мы используем сейчас для особого абзаца:
<P class="special">Этот параграф должен быть в зеленом цвете. </P>

Этот параграф должен быть в зеленом цвете.

4. <P style="font-size: 14pt; color: fuchsia;">Это встроеный в документ описатель </P>

Это встроеный в документ описатель