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


Применение свойств текста


Результаты действия некоторых свойств текста можно видеть ниже, как показано на рисунке 4.5. Вывод организован так, чтобы напоминать печатный отчет.

Использование оформления для создания отчета

Рис. 4.5.  Использование оформления для создания отчета

Большая часть оформления находится во встроенной таблице стилей, определяющей классы стиля, которые применяются тегами <span> и <div>. Линейные таблицы стилей используются в одном определенном разделе страницы для одноразовых стилей, которые не применяются в других разделах документа. Используемый по умолчанию формат страницы задается селектором тега <body>: полуторный (1 1/2) межстрочный интервал, отступ первой строки параграфа и выравнивание текста по ширине.

<?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 {line-height:1.5; text-indent:20px; text-align:justify} .head1 {text-align:center; letter-spacing:1.5px; font:bold 16pt} .head2 {text-indent:0px; font:bold 14pt} .uline {text-decoration:underline} .ital {font-style:italic} .offset {margin-left:20px; text-indent:0px; line-height:normal} .line {text-indent:0px} .super {font-size:7pt; vertical-align:text-top} .footnote {line-height:normal; text-indent:20px} </style>

</head> <body>

<div class="head1">Модель познавательного профиля</div>

<p> <span class="uline">Модель познавательного профиля</span> является инструментом самооценки, который должен помочь студентам определить свои познавательные характеристики. Она позволяет оценить, как студент думает, учится и принимает решения.</p>

<p>Модель классифицирует познавательные стили по двум биполярным осям: Сенсорный-Интуитивный и Мыслитель-Чувственно воспринимающий. Квадранты, сформированные двумя этими пересекающимися осями, помечены ST (Сенсорный Мыслитель), SF (Сенсорный Чувственно воспринимающий), NF (Интуитивный Мыслитель), и NF (Интуитивный Чувственно воспринимающий). Самооценки изображаются на этой сетке как точечные значения в каждом из квадрантов. Соединение точек создает некоторый четырехугольник, который показывает сочетание предпочтительных стилей изучения.</p>




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