1. Вибір сімейства шрифтів і гарнітури Вибравши потрібний розмір тексту, можна перейти до вибору гарнітури...
2. Нові правила
3. font-style, font-variant, and font-weight: зміна деталей
4. Навіщо використовувати властивість font-style, коли досить елементів em та i?
5. Приклад таблиці стилів 3
6. Нові правила
7. font-variant як інший інструмент для виділення коротких уривків
8. Приклад таблиці стилів 4
9. font-weight: жирність і її відсутність
10. Приклад таблиці стилів 5
11. Нові правила
12. Скорочена властивість font
13. Властивості CSS для тексту і вирівнювання: зміна композиції
14. Вирівнювання і text-align
15. Застосування вирівнювання для тексту, написаного західним алфавітом
16. Приклад таблиці стилів 6
17. Нові правила
18. Зміна стеження: властивості letter-spacing і word-spacing
19. Використання одиниць вимірювання em для кращого контролю
20. Приклад таблиці стилів 7
21. Нові правила
22. Відступ початкових рядків: властивість text-indent
23. Приклад таблиці стилів 8
24. Нові правила
25. Великі літери: властивість text-transform
26. Приклад таблиці стилів 9
27. Нові правила
28. Оформлення посилань і показ видалення: властивість text-decoration
29. Межі, а не підкреслення, за допомогою acronym і abbr
30. Приклад таблиці стилів 10
31. Нові правила
32. Регулювання просвіту (інтерліньяж) і line-height
33. Приклад таблиці стилів 11
34. Нові правила
35. Витіснення pre і br: властивість white-space
36. висновок
37. Бібліографія
38. вправи
39. додаток

Вибір сімейства шрифтів і гарнітури

Вибравши потрібний розмір тексту, можна перейти до вибору гарнітури шрифту. Це реалізується за допомогою властивості font-family, яке використовується як показано в прикладі 2 нижче.

При завданні значення для властивості font-family необхідно дотримуватись наступних правил:

1. Гарнітури повинна називатися точно так же, як вони називаються в бібліотеці шрифтів клієнтського хоста, використовуючи неваріантний (non-variant) шрифт в якості покажчика.
2. Всі названі гарнітури повинні бути розділені комами, з подальшим пропуском або без нього.
3. У тих випадках, де ім'я гарнітури містить більше одного слова, воно повинно полягати в одиночні або подвійні лапки. Наприклад: 'Times New Roman'.
4. Гарнітури повинні вказуватися в порядку зростання ймовірності доступності. Наприклад, якщо ви хочете, щоб користувачі Macintosh бачили сторінку, представлену шрифтом Palatino, то оголошення значення властивості має, ймовірно, виглядатиме таким чином: font-family: Palatino, Georgia, serif; . Palatino є в точності тим, що потрібно, але деякі користувачі можуть його не мати; Georgia буде доступний з більшою ймовірністю і схожий на Palatino; serif посилається на базовий яка буде використовуватися під шрифт з зарубок - якщо недоступний ні Palatino, ні Georgia, система повернеться до свого використовуваному за замовчуванням шрифту без зарубок.
5. В якості захисту від відмови значення font-family завжди має закінчуватися відповідним базовим ім'ям, як пояснюється вище. Гарнітури шрифтів, що використовуються в базових сімействах в MacOS 10.5, показані на малюнку 29.1 .

Мал.29.1.

Використовувані за умовчанням "базові" гарнітури шрифтів в MacOS 10.5 при виведенні розміром 24px в браузері Safari 3.1.

Рекомендації CSS 2.1 перераховують кілька додаткових гарнітур шрифтів, які можуть застосовуватися для кожного базового сімейства ( http://www.w3.org/TR/CSS21/fonts.html#generic-font-families ).

Приклад таблиці стилів 2

Тепер, коли розмір тексту передбачуваний, ми хочемо оптимізувати використовувану гарнітуру шрифту. Тема краще задати для розбірливості шрифтом без зарубок, а сам текст шрифтом із зарубками.

Нові правила

body {font-family: Palatino, 'Palatino Linotype', Georgia, sans-serif; } H1 {font-family: Helvetica, Arial, sans-serif; } Blockquote {font-family: Helvetica, Arial, sans-serif; }

font-style, font-variant, and font-weight: зміна деталей

Властивість font-style управляє курсивом без звернення до використання елемента i; його трьома допустимими значеннями є italic, oblique і normal.

Значення italic і oblique створюють функціонально ідентичний результат в більшості сучасних версій всіх масових браузерів Web, хоча є чітке технічне відмінність між цими двома стилями, як пояснюється в глосарії, який супроводжує цей курс.

Навіщо використовувати властивість font-style, коли досить елементів em та i?

Кожен з цих елементів має специфічне застосування: em для надання виділення, а i служить в якості альтернативи для <span style = "font-style: italic;"> ... </ span> в тих рідкісних випадках, коли його використання буде виправдано. Зазвичай <i> взагалі не підходить, так як це презентаційний елемент, але є деякі фрагменти основного тексту, які прийнято записувати курсивом, такі як назви книг (хоча це, тим не менш, спірно; дехто вважає, що елемент cite більше підходить для назв книг. Робіть так, як вважаєте більш підходящим.) <em> зазвичай більш доречний, так як він визначає виділення як концепцію, а не як курсив, тобто певний стиль - реальний вигляд виділення може варіюватися в різних браузерах.

Існують ситуації, коли використання em і його аналога strong може вимагати іншого підходу. Наприклад, припустимо, що ви хочете виділити текст, збільшуючи його. Несуперечливим кроком для надання виділення strong буде тоді додавання курсиву, що призводить до наступних правил:

em {font-size: large; font-style: normal; } Strong {font-size: large; font-weight: normal; font-style: italic; }

Попередні правила таблиці стилів створять результат, аналогічний наступного:

Приклад таблиці стилів 3

В даному випадку для застосування курсиву вибрано заголовок.

Нові правила

h1 {font-style: italic; } .SectionNote {font-style: normal; }

font-variant як інший інструмент для виділення коротких уривків

Властивість font-variant має два можливих значення, small-caps і normal. "Капітель" ( "Small caps") використовується деякими дизайнерами для виділення початкової фрази довгого абзацу, або для створення виділення цитованих написів, таких як наступна:

(Залиш надії, кожен, хто сюди входить.)

Приклад таблиці стилів 4

Нові правила

.opening {font-variant: small-caps; }

font-weight: жирність і її відсутність

Властивість font-weight дозволяє змінити рівень жирності будь-якого фрагмента тексту, до якого воно застосовується.

Зазвичай підтримуваними значеннями властивості font-weight є normal і bold. Хоча Рекомендація CSS 2.1 містить кілька інших значень, поточний стан підтримки поліграфії Web робить ці інші значення функціонально безглуздими для всіх, крім користувачів фахівців.

Приклад таблиці стилів 5

Виділення імені автора жирним шрифтом є прийомом дизайну і більш часто використовується в періодичних виданнях, але це, тим не менш, підходить в різних ситуаціях в Web.

Нові правила

.author {font-weight: bold; }

Скорочена властивість font

Багато властивостей тексту можна задати, якщо знадобиться, в значенні одного властивості, способом аналогічному за своєю природою властивостями фону.

Скорочена правило font виглядає наступним чином:

h1 {font: italic normal bold x-large / 1.167em Helvetica, Arial, sans-serif; }

Для отримання кращих результатів, що задається для цього властивості значення має включати задаються значення для всіх наступних окремих властивостей в наступному порядку, розділені пробілами:

1. font-style
2. font-variant
3. font-weight
4. font-size, за яким слід, якщо потрібно, коса риска та значення line-height (див. нижче)
5. font-family, яке в даному випадку може також бути зарезервованим словом, визначальним системний шрифт; кілька значень повинні розділятися комами, але не пробілами

Таблиця 29.3. ключові слова значень, що розглядаються в даній лекції властивостей властивість значення font-family cursive, fantasy, monospace, sans-serif, serif font-size xx-small, x-small, small, medium, large, x-large, xx-large font -style italic, normal, oblique font-variant normal, small-caps font-weight bold, normal line-height normal text-align center, justify, left, right text-decoration line-through, none, overline, underline text-transform capitalize, lowercase, none, uppercase white-space normal, nowrap, pre, pre-line, pre-wrap

Властивості CSS для тексту і вирівнювання: зміна композиції

Стиліст, що працює з буквами і словами, має справу з деталями: прямими лініями, кривими, точками, пікселями, і іншими дискретними фрагментами дизайну. Але дизайн є, однак, цілої річчю; він має більші компоненти, які виявляються у фокусі завдяки композиції, яка в основному управляється за допомогою моделі компонування CSS. Крім цієї моделі компонування, CSS реалізує також властивості тексту і вирівнювання, які впливають на композицію. Залишок цієї лекції буде присвячений обговоренню цих властивостей.

Вирівнювання і text-align

Як і у випадку з робітниками середовищами текстових процесорів, властивість text-align підтримує чотири значення вирівнювання: left, right, center, і justify. Останнє з них надає повне вирівнювання: видимі текстові поля, які узгоджено вирівняні по лівій і правій стороні блоку тексту.

Застосування вирівнювання для тексту, написаного західним алфавітом

Звичайними застосуваннями різних наявних вирівнювань будуть наступні:

• Вирівнювання зліва найкраще підходить для довгих уривків оповідання.
• Вирівнювання справа найкраще підходить для самого лівого стовпчика таблиць даних і многостолбцових компоновок. Коли суміжний стовпець потім вирівнюється зліва і поміщається на іншій стороні смуги підходящої ширини, результат полягає в поліпшенні розбірливості обох стовпців.
• Повний вирівнювання добре працює для невеликих блоків, таких як блоки цитат і рекламних текстів. При використанні з довгими уривками оповідання, заданими з оптимальною шириною між широкими полями, повне вирівнювання також покращує видиму зв'язок компонування.
• Центрування зазвичай використовується для елементів інтерфейсу і послідовних списків, які можна знайти в нижніх колонтитулах сайтів.

Приклад таблиці стилів 6

Застосування повного вирівнювання до тексту уривка.

Нові правила

p {text-align: justify; } Blockquote p {text-align: left; }

Зміна стеження: властивості letter-spacing і word-spacing

Ці властивості є цілком самоочевидними; вони дозволяють змінювати значення пробілу між літерами і словами, відповідно.

Найбільш поширене застосування letter-spacing полягає в створенні невеликого виділення аналогічного за ефектом виділенню, створюваному font-variant: small-caps; його можна також використовувати для невеликої зміни композиції елементів інтерфейсу.

Властивість word-spacing найкраще використовувати для навмисної зміни числа слів, які можуть з'явитися в одному рядку тексту. Наприклад, його можна використовувати, якщо є блок тексту звичайної ширини, але нетипового розміру шрифту.

При друку зміна інтервалу між літерами і словами застосовується також зі спеціальною метою, щоб уникнути дефектів композиції, але в Web цей метод має обмежену корисність.

Крім значень одиниць вимірювання, ці властивості підтримують значення normal.

Використання одиниць вимірювання em для кращого контролю

При зміні пробілу між літерами в тексті, невелика зміна поширюється на велику відстань; яка буде використовуватися під інтервал між буквами зазвичай знаходиться між однією десятою і однієї дванадцятої em, тому значення letter-spacing, які будуть більш ніж в два рази перевищувати або бути менше половини значення за замовчуванням, можуть призводити до нерозбірливому тексту.

Приклад таблиці стилів 7

Змінюємо інтервал між буквами і словами.

Нові правила

q {letter-spacing: .143em; } .PullQuote {word-spacing: .143em; }

Відступ початкових рядків: властивість text-indent

Властивість text-indent дозволяє зробити відступ параграфів в традиційному стилі друкованих матеріалів. Існує також ряд додаткових методів компонування, які стають можливими завдяки цій властивості і його підтримці негативних значень.

Це властивість підтримує ті ж значення, що і властивість font-size, з додаванням значення normal.

Приклад таблиці стилів 8

Створюємо початковий відступ для параграфів тексту.

Нові правила

p {text-indent: 1.429em; } Blockquote p {text-indent: 0; }

Великі літери: властивість text-transform

Також як властивість font-variant надає доступ до капітелі, властивість text-transform має справу з великими літерами. Його допустимі значення дозволяють виводити весь текст великими або малими літерами, або зробити прописними все початкові літери слів тексту. В таблиці 29.3 вище можна бачити список підтримуваних значень.

Приклад таблиці стилів 9

Автора уривка записуємо прописними буквами.

Нові правила

.author {text-transform: uppercase; }

Оформлення посилань і показ видалення: властивість text-decoration

Це властивість дозволяє провести лінію над, під, або через текст. Його найбільш поширеним застосуванням є маніпулювання використовується за умовчанням підкресленням посилань, однак вікі, сатира і інші настройки часто застосовують перекреслення букв. У цих випадках зазвичай використовують елементи ins (вставка) і del (видалення), які забезпечують оформлення, еквівалентну наступного:

ins {text-decoration: underline; } Del {text-decoration: line-through; }

Навіть без індивідуальних правил таблиці стилів, ins і del реалізують наступну розмітку:

Межі, а не підкреслення, за допомогою acronym і abbr

Серед деяких дизайнерів популярно зміна уявлення елементів acronym і abbr, щоб вони виглядали на перший погляд ніби з підкресленням точками. Однак цей ефект насправді реалізується за допомогою значення border-bottom.

Приклад таблиці стилів 10

Видаляємо підкреслення посилання.

Нові правила

.source a {text-decoration: none; }

Регулювання просвіту (інтерліньяж) і line-height

Добре відомо, що додавання деякого інтервалу між рядками тексту покращує його читаність, так як збільшений простір гарантує, що надрядкові і підрядкові елементи (див. малюнок 29.2 для пояснення) на суміжних рядках не конкуруватимуть за візуальне увагу.

Мал.29.2.

Надрядкові елементи є частинами букв, які піднімаються над середньою лінією тексту (mean); підрядкові елементи є частинами букв, які опускаються нижче базової лінії (base), на якій розташовується текст.

Існує тісний зв'язок між font-size (розміром шрифту) елемента і його line-height (висотою рядка), але за замовчуванням всі агенти користувачів вставляють невеликий просвіт в кожен рядок тексту - зазвичай 10-15% висоти самих букв. Так як це значення за замовчуванням змінюється для різних гарнітур шрифту, то властивість line-height підтримує значення normal, крім числових значень.

Варто також відзначити, що на відміну від більшості властивостей CSS, line-height приймає також числові значення без одиниць виміру, яке потім інтерпретується як частка значення за замовчуванням.

Приклад таблиці стилів 11

Додаємо в уривок підходящої величини просвіт

Нові правила

p {line-height: 1.5; } .Attribution {line-height: 1.5; }

Витіснення pre і br: властивість white-space

Примусові розриви рядків є презентаційним елементом в повному розумінні, проте існує багато обставин, в яких вони є бажаним елементом дизайну сайту. З огляду на звичку браузерів розривати рядки в довільних місцях, реалізація необхідного ступеня контролю тільки за допомогою однієї розмітки може бути проблемою.

Елемент pre призначений для вирішення таких проблем, хоча він створює свої власні проблеми, саме тому CSS пропонує властивість white-space. Підтримувані їм значення, які перераховані в таблиці 29.3 , Дозволяють стиліста вибрати, буде чи ні браузер враховувати прогалини і розриви рядків, додані у вихідну розмітку або вставлені як генерований контент.

Рекомендація CSS 2.1 містить вичерпні подробиці про запропоновану реалізації та використанні властивості white-space ( http://www.w3.org/TR/CSS21/text.html#white-space-prop ).

висновок

Хороший дизайн сайту вимагає високого рівня уваги до деталей і правильного налаштування взаємодії численних елементів, не останнім з яких є шрифт.

Набір властивостей шрифтів і тексту, підтримуваний сучасними реалізаціями CSS в браузерах, надає майже найвищий рівень управління над поданням тексту, яке допускає існуюче обладнання виведення, і сумлінну стиліст сайту повинен навчитися їх використовувати. В результаті успішного використання цих властивостей створюються сайти, які можуть прагнути наблизитися до стандартів якості в уявленні тексту, зазвичай пов'язують з друкованої середовищем, яка розвивалася протягом століть, незважаючи на те, що Web існує поки не довше життя одного покоління.

Бібліографія

• Бос, Берт, і ін. 2007. Специфікація каскадних таблиць стилів, рівень 2 ревізія 1 (CSS 2.1). Консорціум WWW. http://www.w3.org/TR/2007/CR-CSS21-20070719 і т.д. (Доступно 28 травня 2008 р.)
• Чапарро, Барбара, і ін. 2004. Читання тексту онлайн: порівняння чотирьох компонувань прогалин. Wichita State University Software Usablity Research Laboratory Usability News. http://www.surl.org/usabilitynews/62/whitespace.asp (Доступно 28 травня 2008 р.)
• Дін, Поль. 2008. Термінологія екстремальної друку. Я люблю поліграфію, Поліграфічний блог. http://ilovetypography.com/2008/03/21/extreme-type-terminology/ і т.д. (Доступно 28 травня 2008 року)
• Хортон, Сара, і Лінч, Патрік. 2002. Керівництво з оформлення Web ( http://www.webstyleguide.com/ ): Основні принципи створення Web-сайтів, 2-е видання. New Haven, Conn .: Yale University Press.
• Розелла, Адріан. 2002. Проста таблиця символьних об'єктів. Evolt.org. http://www.evolt.org/article/A_Simple_Character_Entity_Chart/17/21234/ (Доступно 28 травня 2008 року).

вправи

• Перерахуйте три елементи HTML, відмінні від b і i, які зазвичай зображуються за умовчанням варіантним шрифтом. Опишіть коротко призначення перерахованих елементів, і поясніть, як використання варіантного шрифту підходить для призначення цих елементів.
• Суб'єктивно оціните удобочитаемость довгого уривка тексту на свій вибір при зміні значень line-height. Підсумуйте коротко свої результати.
• Застосування text-transform: uppercase; до одного параграфу уривка з попередньої вправи, і повторіть свій суб'єктивний тест удобочитаемости. Підсумуйте коротко свої результати.
• Поясніть коротко переваги і недоліки згладжування (anti-aliasing), використовуючи огляд поліграфії в цій лекції в якості керівництва.
• Опишіть порядок в якому повинні визначатися гарнітури в значенні font-family.
• У налаштуванні невідомо-чого виберіть як мінімум три властивості, описані в цій лекції і вкажіть як мінімум одне допустиме значення (відмінне від використовуваного за замовчуванням) для кожного. Продемонструйте або опишіть результати використання цих пар властивість / значення в таблиці стилів.
• Створіть елемент, заповніть його текстом, і задайте для нього значення font-size рівним 9px. Відкрийте документ, який містить цей елемент, в Internet Explorer, і переберіть розміри шрифту, наявні в меню View Text Size. Оцініть придатність цих результатів на сайтах з великим числом відвідувачів середнього і старшого віку.

про автора

Бен Хенік створює Web-сайти того чи іншого виду починаючи з вересня 1995 року, коли він взявся за свій перший проект Web як академічний доброволець. З тих пір велика частина його роботи була зроблена в якості фрілансера.

Бен є універсалом, його навички стосуються майже будь-якого аспекту створення і розробки сайту, від CSS і HTML до проектування і написання тексту, і до PHP / MySQL і JavaScript / Ajax.

Він живе в Лоуренсе, Канзас з трьома комп'ютерами і без телевізора. Ви можете прочитати більше про нього і його роботі на сайті http://henick.net ( http://www.henick.net/ ).

додаток

У всіх прикріплених сторінках сторінки з фрагментом тексту, який послідовно оформляється додаванням нових правил. Для оформлення послідовно створюється наступна таблиця стилів:

тіло {margin: 0; заповнення: 0 20%; розмір шрифту: 14px; сімейство шрифтів: Palatino, 'Palatino Linotype', Грузія, без засічок; } p {запас: .429em авто; text-align: justify; text-indent: 1.429em; висота рядка: 1,5; } q {інтервал літер: .143em; } q: before, q: after {content: ""; } h1 {розмір шрифту: x-великий; сімейство шрифтів: Helvetica, Arial, sans-serif; стиль шрифту: курсив; } blockquote {сім'я шрифтів: Helvetica, Arial, sans-serif; } blockquote p {text-align: left; text-indent: 0; } .sectionNote {розмір шрифту: носій; стиль шрифту: нормальний; } .attribution {font-size: small; висота рядка: 1,5; } .author {font-weight: bold; text-transform: верхній регістр; } .source a {text-decoration: none; } .pullQuote {інтервал слів: .143em; } .opening {font-variant: small-caps; } Лист.

Окончательная страница с оформлением:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "xml: lang =" en "lang =" en "> <head> <meta http-equiv =" зміст-тип "content =" text / html; charset = utf -8 "/> <title> Демонстрація техніки CSS: текст і поля </title> <link rel =" stylesheet "type =" text / css "href =" text_11.css "/> </head> <клас тіла = "alpha"> <h1> Діамант як великий Ritz <span class = "sectionNote"> [prologue] </span> </h1> <div class = "attribution"> <div class = "author"> Ф. Скотт Фіцеральд </div> <div class = "цитата"> Вперше опубліковано в <cite> Розумний набір </cite>, червень 1922 </div> <div class = "source"> Адаптовано з <a href = "http://www.gutenberg.org/etext/6695"> Gutenberg EText # 6695 </a>, <cite> Повісті джазового віку </cite> </div> </div> <class = "blockquote class =" pullQuote "> <p> & ldquo; не забувайте, хто ви і де ви приїхали, & rdquo; продовжив його батько з гордістю, & ldquo; і ви можете нічого не зробити для того, щоб завдати вам шкоди. Ви - Унгер & mdash; з папи Гадес. </p> </blockquote> <p> <span class = "opening"> Джон Т. Унгер походив з сім'ї </span>, яка була добре відома в Хаде & mdash; невелике місто на річці Міссісіпі & mdash; протягом декількох поколінь. John & rsquo; батько s влаштував аматорський гольф першість через багато гарячого змагання; Місіс Унгер була відома - від гарячого вікна до гарячого ліжка, & rdquo; як йшла місцева фраза, за її політичні адреси; і молодий Джон Т. Унгер, щойно виповнився шістнадцять років, танцював всі новітні танці з Нью-Йорка, перш ніж покласти довгі штани. І тепер, на певний час, він мав бути далеко від дому. Ця повага до освіти Нової Англії, яка є прокляттям усіх провінційних місць, що щорічно виснажує їх найбільш перспективних молодих чоловіків, захопила його батьків. Нічого не підходило їм але що він мусить поїхати до Св. Midas & rsquo; Школа біля Boston & mdash; Аїд був занадто малий, щоб утримати їхнього улюбленого та обдарованого сина. як ви знаєте, якщо ви коли-небудь були там & mdash; назви більш модних підготовчих шкіл і коледжів означають дуже мало. Мешканці так довго вийшли зі світу, що, хоч вони демонструють, що вони супроводжуються сукні, манерами і літературою, вони в значній мірі залежать від чуток, а функція, яку в Аїді буде вважатися докладною безсумнівно, буде сприйнята чиказькою яловичою принцесою, як, можливо, трохи незручною. </p> <p> Джон Т. Унгер був напередодні від'їзду. Місіс Унгер, з матір'ю, упакувала стовбури з льоновими костюмами та електричними вентиляторами, і пан Унгер подарував своєму синові кишеньковий азбест, набитий грошима. </p> <p> & ldquo; ласкаво просимо тут, & rdquo; він сказав. & ldquo; Ви можете бути впевнені, хлопчик, що ми продовжимо горіти будинок. & rdquo; </p> <p> & ldquo; Я знаю, & rdquo; відповів Джон ласково. </p> <p> & ndquo; не забувайте, хто ви і куди ви приїхали, & rdquo; продовжив його батько з гордістю, & ldquo; і ви можете нічого не зробити для того, щоб завдати вам шкоди. Ви - Унгер & mdash; Так старий і молодий потиснули руки, і Джон відійшов зі сльозами, що проливалися з його очей. Через десять хвилин він вийшов за межі міста, і він зупинився, щоб поглянути в останній раз. Над воротами старомодний вікторіанський девіз здавався йому дивно привабливим. Його батько знову і знову намагався змінити його на щось з трохи більшим поштовхом і духом, наприклад, <q> & ldquo; Ваша можливість, & rdquo; </q>, а також звичайний знак <q> & ldquo; & quot; Ласкаво просимо & ndquo; </q>, встановлений над щирим рукостисканням в електричному освітленні. Старий девіз був трохи пригнічуючим, думав пан Унгер. Але тепер & hellip; </p> <p> Тож Джон подивився, а потім рішуче звернувся до свого місця призначення. І, як він відвернувся, світло Аїда проти неба здавалося сповненим теплою і пристрасною красою. </p> </body> </html> Листинг.