Практическая информатика

         

Использование стилей - часть 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>




Содержание  Назад  Вперед