Практическая информатика
Использование стилей - часть 2
Пример
Рассмотрим пример оформления текста. Установим белый цвет фона документа (свойство background-color), затем задействуем свойства управления шрифтом: color (цвет), font-family (гарнитура шрифта) и font-size (размер шрифта), например,
- цвет - серый;
- семейство шрифта (гарнитура) - Times, шрифт с засечками;
- размер шрифта - 14 пунктов.
Добавим свойства, связанные с форматированием абзаца: text-indent (отступ красной строки), text-align (выравнивание), padding-left (отступ слева), например,
- дополнительный отступ красной строки - 10pt;
- выравнивание - по ширине документа;
- отступ от левого края - 20pt.
Установим темно-красный цвет (свойство color) заголовков с первого по третий уровень.
Документ примет вид:
<HTML> <HEAD> <TITLE>Второй пример использования стилей</TITLE> <STYLE TYPE="text/css"> <!-- BODY {background-color: white}
H1, H2, H3 {color: red}
P { /* шрифт */ color: gray; font-family: Times, serif; font-size: 14pt; /* абзац */ text-indent: 10pt; text-align: justify; padding-left: 20pt; } --> </STYLE> </HEAD> <BODY> ... </BODY> </HTML>
