25. 
    Использование СSS. Часть 1

1. Откройте text.htm, полученный в результате предыдущей работы.
2. Создайте в той же папке стилевой файл
   mystyle.css, подключите его к веб-странице и определите стили оформления, перечисленные в следующих пунктах. Для получения дополнительной справочной информации по CSS используйте Интернет, например, сайт css.manual.ru.  
3. Задайте свои цвета фона и текста. Текст должен хорошо читаться на выбранном фоне.
4. Определите цвет заголовков (H1, H2), отличающийся от цвета основного текста. Заголовки H2 должны также выделяться фоном, причем фон должен быть темный, а буквы – светлые. Можно добавить внутренний отступ (padding) в 5 пикселей.
5. Определите класс formula, применимый как к абзацам (P), так и к отдельным словам (SPAN), и задайте для него выравнивание по центру; жирный шрифт; курсив. Используя этот класс, выделите абзацы с формулами и имена переменных в тексте.
6. Определите класс definition, применимый только к абзацам (P), и задайте для него: рамку толщиной в 1 пиксель; внутренний отступ в 10 пикселей.

Используя этот класс, выделите два абзаца с определениями.

Файл text.htm

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

Сети типа "клиент-сервер"

Часто при организации связи между двумя компьютерами за одним компьютером

закрепляется роль поставщика ресурсов (программ, данных и т.д.), а за другим

- роль пользователя этих ресурсов. В этом случае первый компьютер называется

сервером, а второй - клиентом или рабочей станцией.

Сервер (англ. serve - обслуживать) - это высокопроизводительный компьютер с большим

объёмом внешней памяти, который обеспечивает обслуживание других компьютеров

путем управления распределением дорогостоящих ресурсов совместного

пользования (программ, данных и периферийного оборудования).

Клиент (англ. client) - любой компьютер, имеющий доступ к услугам сервера.

Клиентом также называют прикладную программу, которая от имени пользователя получает

услуги сервера. Соответственно, программное обеспечение, которое позволяет

компьютеру предоставлять услуги другому компьютеру, называют сервером - так же,

как и сам компьютер.

Математические формулы

Пифагор доказал, что

a² + b² = c²,

а c - длина катета прямоугольного треугольника.

Разность кубов чисел может быть представлена в виде

a ³ - b ³ = (a - b)(a² + ab + b²).

Химические формулы

Вода получается в результате окисления водорода по уравнению

H ₂  + 2O₂ = 2H₂0.

Текст программы

program qq;

var a, b: integer;

begin

  writeln('Введите два числа');

  read(a,b);

  writeln(a,'+',b,'=',a+b);

end.

Файл text.css

/*цвет текста и фона документа*/

body {

        color: grey;

          background: white;

        }        

/* оформляем заголовки: */

h1 {

  color: #000080;

  background-color: white;

  font: Tahoma 2em;

}

h2 {

  color: white;

  background-color: #000080;

  font: Tahoma 2em;

}

/* оформляем абзацы текста: */

p {

  color: grey;

  line-height: 100%;

  }

/*рамка*/

p.definition {

        border:1px solid #000080;

        padding: 10px;

        }

p.formula {

        font-style: italic;

        font-weight: bold;

        text-align: center;

        }