Внедренный стиль

Внедренные стили используют тег <style>, расположенный между тегами </head> и <bodу> в стандартном документе HTML.

Рассмотрим пример внедренного стиля:

<html>
<head>
<title>Embedded Style Sheet Example </title>
</head>
<style>
BODY{
background: #FFFFFF;
color: #000000;
}
H1{
font: 14pt verdana; color: #CCCCCC;} 
P{font: 12pt times;} 
A{color: #FFOOOO; text-decoration: none} 
</style>

Как видно из примера, приведенного выше, таблица стилей теперь отличается от кода стандартной страницы HTML, но все же логику проследить нетрудно. В нашем случае для основной части страницы (body) указаны цвет фона, цвет текста и верхнее, левое и правое поля в дюймах.
Для заголовка первого уровня (HI) указывается шрифт (название шрифта и размер в пунктах). В этом и состоит удобство каскадных таблиц стилей - вы можете задавать размеры не только в пунктах, но и пикселях (рх), процентах (75%) и сантиметрах (cm).

Внедренный стиль

Практическая работа