Основы работы с XHTML и CSS


Example.4.3


<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Пример стилей шрифта</title>

<style type="text/css"> body {font:12pt arial; text-indent:25px; margin:20px} .head {font:bold 14pt; text-align:center; text-indent:0px} .offset {margin-left:25px; margin-right:25px; text-indent:0px} .cap {font:bold 24pt} .fancy {font:13pt comic sans ms} .style1 {font:bold 14pt times new roman} .style2 {font:bold 12pt courier new; color:fuchsia} </style>

</head> <body>

<div class="head">Оформление шрифта</div>

<p><span class="cap">Э</span>та страница показывает различное оформление шрифта, задаваемое с помощью встроенной таблицы стилей. Оформление применяется ко всей странице и к отдельным частям текста на странице.</p>

<div class="offset">

<p>Эти два параграфа смещают относительно окружающих параграфов, помещая их внутри раздела. Раздел имеет левое и правое поле по 25 пикселей, и ни один из параграфов не использует отступ первой строки.</p>

<p class="fancy">Этот параграф оформлен с помощью класса, который содержит тип шрифта и размер. Внутри этого параграфа имеется тег span, который оформляет <span class="style1">эту строку текста</span> иначе по сравнению с остальной частью параграфа. Кроме того, это <span class="style2">слово</span> использует свой собственный специальный стиль оформления.</p>

</div>

</body> </html>

Листинг 4.3. Задание стилей оформления шрифта для страницы

Закрыть окно




Начало  Назад  Вперед



Книжный магазин