<html>
<head>
<link rel="stylesheet" ref="file.css">
</head>
<body>
<h2 class=head> Будова Паскаліни </h2>
<p class=content>
Машина Паскаля являла собою механічний пристрій у вигляді шухлядки з численними, пов'язаними один з одним зубчастою передачою, шестернями. Числа вводилися в машину за допомогою відповідного повороту набірних коліщат. На кожне з цих коліщат, що відповідали одному десятковому розряду числа, були нанесені поділки від 0 до 9. При введенні числа, коліщатка прокручувалися до відповідної цифри. Зробивши повний оберт надлишок над цифрою 9 коліщатко переносило на сусідній розряд, зсуваючи сусіднє коліщатко на 1 позицію. Перші варіанти «Паскаліни» мали п'ять зубчастих коліс, пізніше їх кількість збільшилася до шести або навіть восьми, що дозволяло працювати з великими числами, аж до 9999999.
</p>
<p class=author> https://uk.wikipedia.org </P>
</body>
</html>
Використовується для виділення текстових елементів. Значення letter-spacing встановлюється в одиницях розміру шрифта: px, pt, em. Також використовують слово normal, яке означає відстань за замовченням.
Наприклад:
p {letter-spacing:5px;}
h1 {letter-spacing:1em;}
3) Зміна висоти рядка без зміни висоти символів line-height.
Фактично це налаштування відстані між рядками тексту. Значенням має бути число що є множником величини шрифта. Наприклад значення 2 означає що відстань між рядками в двічі більше рядка. Значення normal (висота за замовченням)
Наприклад:
p {line-height:1.5;}
Приклад зміни відстані між літерами та між рядками
файл file.css
.head {
{letter-spacing:3px;}
}
.content {
line-height:2;
}
файл file.html
<html>
<head>
<link rel="stylesheet" ref="file.css">
</head>
<body>
<h1> Звичайний заголовок </h1>
<h1 class=head > Заголовок з розтягнутими словами </h1>
<P>
Машина Паскаля являла собою механічний пристрій у вигляді шухлядки з численними, пов'язаними один з одним зубчастою передачою, шестернями. Числа вводилися в машину за допомогою відповідного повороту набірних коліщат. На кожне з цих коліщат, що відповідали одному десятковому розряду числа, були нанесені поділки від 0 до 9.
</p>
<p class=content>
При введенні числа, коліщатка прокручувалися до відповідної цифри. Зробивши повний оберт надлишок над цифрою 9 коліщатко переносило на сусідній розряд, зсуваючи сусіднє коліщатко на 1 позицію. Перші варіанти «Паскаліни» мали п'ять зубчастих коліс, пізніше їх кількість збільшилася до шести або навіть восьми, що дозволяло працювати з великими числами, аж до 9999999.
</p>
</body>
</html>
1) Завантажте текст. Вставте його в html документ та відформатуйте за допомогою CSS точно за зразком.
2) Тло сторінки зробіть будь-яким кольором з тих, що був популярним в 2017 році за версією Pantone Color Institute