Обикновено вътрешните за цял един HTML документ стилове се използват, когато на дадена HTML страница трябва да се зададе отделен от стила на общия набор HTML документи стил. Вътрешните за HTML страницата стилове се дефинират в секцията head на страницата, като се затварят между таговете <style type=“text/css“> и </style>.

Имайте предвид, че по-старите браузери не разпознават тага style и няма да покажат страницата във вида, в който желаете да изглежда.

Стандартния синтаксис на вътрешните за HTML документа стилове е:

<head>

<style type=“text/css“>
селектор {атрибут: стойност}


</style>

</head>

ПРИМЕР:

<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN“
„https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>

<html>
<head>
<title>
Вътрешни за HTML документа стилове (Internal Style Sheet)
</title>
<meta http-equiv=Content-Type content=“text/html; charset=windows-1251″ />

<style type=“text/css“>

body {background-color: #cccccc}
h1 {color: #ff0000; font-size: 38px}

</style>

</head>

<body>

<h1>ЧЕРВЕНО ЗАГЛАВИЕ ВЪРХУ СИВ ФОН НА СТРАНИЦАТА</h1>

</body>
</html>

Тъй като някои по-стари браузъри може да не покажат ефекта от декларираните стилове, а да покажат направо кода, затворен между таговете <style type=“text/css“> и </style>, затова е препоръчително да ограждате този код в HTML таговете за коментар <!– и –>:


<style type=“text/css“>
<!–
body {background-color: #cccccc}
h1 {color: #ff0000; font-size: 38px}
–>
</style>