Одиниці виміру розмірів шрифтів CSS. Як задати потрібний розмір шрифту

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

Використання в одному документі різного шрифтового оформлення – найпоширеніший прийом форматування. Засоби шрифтового оформлення застосовуються для таких цілей:

  • Виділення тексту для акцентування окремих фраз, слів, цитат тощо.
  • Оформлення заголовків та підписів
  • Набір спеціального тексту (формул, індексів, приміток).

Зовнішній вигляд тексту залежить не тільки від вибраного шрифту, але й його розміру. Зазвичай розмір шрифту вимірюється у пунктах (1 пункт (пт) = 0,376 мм). У документах, як правило, застосовується розмір основного шрифту 10-12 пунктів, для заголовків розмір збільшується, для приміток та посилань зменшується.

Ці операції реалізуються за допомогою команди Шрифтз меню Форматта завдання відповідних установок.

Характеристики символів:

шрифт (Arial, Times New Roman, Peterburg).

Розмір (8,10,14).

Положення на рядку (м 2, xi) .

Накреслення шрифту (Звичайний, Напівжирний, Курсив, напівжирний курсив).

Регістр (малі, ПРОПИСНІ).

Інтервал (звичайний, ущільнений, розріджені)

Для зміни характеристик тексту можна скористатися командою Шрифтз меню Формат (Format, Font)(Мал. 35) або відповідними кнопками панелі Форматування.


Мал. 35. Зміна параметрів шрифту

1. Виділіть текстовий об'єкт (символ, слово, речення, рядок тощо).

2. Виберіть команду Шрифтз меню Формат (Format, Font).

3. Виберіть закладку Шрифт(Font).

4. Вкажіть характеристики, як показано на екрані.

Зміна інтервалів шрифту та зміщення тексту здійснюється при виборі закладки Інтервал (Character Spacing)(Рис. 36). Розріджений інтервал може використовуватися для виділення деякого слова в тексті, зміщення тексту застосовується для створення підрядка в формі, що заповнюється.

Мал. 36. Закладка Інтервал вікна Шрифт

Таблиця 6. Значення полів вікна Шрифт (закладка Інтервал)

Скасування дій

Word дозволяє скасувати зроблені операції. Команда Скасувати (Undo)в меню Виправлення (Edit)контекстно залежна; коли користувач набирає або редагує текст, буде запропоновано команду, відповідну останньої операції.

на Стандартноюпанелі для скасування останньої команди слід натиснути кнопку Скасувати (Undo)або скасувати кілька команд, вибравши їх зі списку.

Вибір команди Скасувати (Undo)вдруге змінюватиме команду на Ве рнути (Redo) і т.д.

Для скасування останньої дії натисніть кнопку "Скасувати" на "Стандартній" панелі інструментів. Щоб відновити скасовану операцію, натисніть кнопку "Повернути" на "Стандартній" панелі інструментів.

Дії, які були застосовані до окремих числових форматів у тексті, можуть бути повторені за допомогою команди Повторити(Repeat).

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

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

Шрифтє набором характеристик символів в одній гарнітурі (однотипного накреслення), такий, як Arial, Times New Roman або Courier. Знаковий склад більшості шрифтів включає великі і малі літери, цифри, розділові знаки, а також додаткові символи з розширеного набору.

Розмір (кегль) шрифту вимірюється в пунктах :1 пункт дорівнює 1/72 дюйма.

Щоб вибрати необхідний розмір шрифту, потрібно:

    В меню Форматвиберіть команду Шрифт(Рис. 10.8).

    Встановіть потрібний шрифт, розмір, колір, стиль зображення.

Зміна кольору тексту

Виділіть текст, який потрібно змінити, і виконайте одну з таких дій:


У рамці Видозмінаможна встановити прапорці:

з

Мал. 10.9.

окреслений - Закреслення тексту одинарною лінією;

подвійне закреслення - Закреслення тексту подвійною лінією;

верхній індекс - Розмір символів зменшується, текст розташовується вище;

нижній індекс - Розмір символів зменшується, текст розташовується нижче;

з тінню – поряд із символами з'являється тінь;

контур - Відображається тільки контур символів;

піднятий – символи зображуються піднятими над поверхнею листа;

втоплений – символи зображуються втопленими у поверхню листа;

малі великі - малі літери стають великими, але меншого розміру;

всі великі - малі літери стають великими;

прихований – робить текст недрукованим.

В полі Зразокпоказаний фрагмент тексту із вибраними параметрами.

Якщо необхідно змінити міжзнаковий інтервал , потрібно:

В меню Форматвибрати команду Шрифт, а потім перейти на вкладку Інтервалта виконати одну з наступних дій (рис. 10.10):

Кернінгрегулює інтервали між окремими парами букв. При виборі параметрів Розрідженийабо Ущільненийміж усіма літерами встановлюються однакові інтервали.

Зміна масштабу документа

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

Основний інструмент зміни масштабу документа – вікно діалогу Масштаб. Відкрити його можна, вибравши меню Видкоманду Масштаб(Рис. 10.11). При використанні вікна діалогу Масштабє можливість встановлювати більше параметрів масштабування.

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

Приблизно такі ж параметри масштабування (але швидше) можна задати і за допомогою поля Масштабна стандартній панелі інструментів (рис. 10.12).

Конвертер довжини та відстані Конвертер маси Конвертер мір об'єму сипких продуктів і продуктів харчування Конвертер площі Конвертер об'єму та одиниць вимірювання в кулінарних рецептах Конвертер температури Конвертер тиску, механічної напруги, модуля Юнга Конвертер енергії та роботи Конвертер сили Конвертер сили Конвертер часу теплової ефективності та паливної економічності Конвертер чисел у різних системах числення Конвертер одиниць вимірювання кількості інформації Курси валют Розміри жіночого одягу та взуття Розміри чоловічого одягу та взуття Конвертер кутової швидкості та частоти обертання Конвертер прискорення Конвертер кутового прискорення Конвертер густини Конвертер питомого об'єму Конвертер Конвертер обертального моменту Конвертер питомої теплоти згоряння (за масою) Конвертер щільності енергії та питомої теплоти згоряння палива (за об'ємом) Конвертер різниці температур Конвертер коефіцієнта теплового розширення Конвертер термічного опору Конвертер питомої теплопровідності Конвертер питомої теплоємності Конвертер коефіцієнта тепловіддачі Конвертер об'ємної витрати Конвертер масової витрати Конвертер молярної витрати Конвертер щільності потоку маси Конвертер молярної концентрації Конвертер масової концентрації в розчині Конвертер динамічної (абсолютної) в'язкості Конвертер кінематичної в'язкості Конвертер поверхневого пароперевернення звуку Конвертер чутливості мікрофонів Конвертер рівня звукового тиску (SPL) Конвертер рівня звукового тиску з можливістю вибору опорного тиску Конвертер яскравості Конвертер сили світла Конвертер освітленості Конвертер роздільної здатності в комп'ютерній графіці Конвертер частоти та довжини хвилі Оптична сила в діоптріях та фокусна відстань Оптична сила в діоптріях та збільшення Конвертер електричного заряду Конвертер лінійної щільності заряду Конвертер поверхневої щільності заряду Конвертер електричної потужності та напруги Конвертер електричного потенціалу та напруги Конвертер електричного потенціалу та напруги Конвертер електричного потенціалу та напруги тер питомої електричної провідності Електрична ємність Конвертер індуктивності Конвертер Американського калібру проводів Рівні в dBm (дБм або дБмВт), dBV (дБВ), ватах та ін. одиницях Конвертер магніторушійної сили Конвертер напруженості магнітного поля Конвертер магнітного потоку Конвертер магнітної індукції Радіація. Конвертер потужності поглиненої дози іонізуючого випромінювання Радіоактивність. Конвертер радіоактивного розпаду Радіація. Конвертер експозиційної дози. Конвертер поглиненої дози Конвертер десяткових приставок Передача даних Конвертер одиниць типографіки та обробки зображень Конвертер одиниць вимірювання об'єму лісоматеріалів Обчислення молярної маси Періодична система хімічних елементів Д. І. Менделєєва

1 пункт (комп'ютерний) = 0,0352777777777778 см [см]

Вихідна величина

Перетворена величина

твіп метр сантиметр міліметр символ (X) символ (Y) піксель (X) піксель (Y) дюйм пайка (комп'ютер) пайка (типографська) пункт НІС/PostScript пункт (комп'ютерний) пункт (типографський) середнє тире цицеро довге тире пункт Дідо

Докладніше про одиниці, що використовуються в друкарні та для обробки цифрових зображень

Загальні відомості

Типографіка вивчає відтворення тексту на сторінці та використання його розміру, гарнітури, кольору та інших зовнішніх ознак для того, щоб текст краще читався та гарно виглядав. Друкарня з'явилася в середині 15-го століття, з появою друкарських верстатів. Розташування тексту на сторінці впливає на наше сприйняття - чим краще його розташувати, тим більша ймовірність того, що читач зрозуміє і запам'ятає те, що написано в тексті. Неякісна друкарня, навпаки, робить текст, що погано читається.

Гарнітури поділяють на різні види, наприклад на шрифти із засічками та без. Засікання - декоративний елемент шрифту, але в деяких випадках вони полегшують читання тексту, хоча іноді відбувається і навпаки. Перша буква (блакитного кольору) на зображенні набрана шрифтом із засічками Бодоні. Одна з чотирьох засічок обведена червоним кольором. Друга буква (жовта) - набрана шрифтом Футура без засічок.

Існує безліч класифікацій шрифтів, наприклад, відповідно до часу їх створення, або стилю, популярному у певний час. Так, є шрифти старого стилю- група, яка включає найстаріші шрифти; нові шрифти перехідного стилю; сучасні шрифти, створені після перехідних шрифтів та до 1820-х років; і наостанок, шрифти нового стилюабо модернізовані старі шрифтитобто шрифти, виконані за старим зразком в більш пізній час. Ця класифікація переважно використовується для шрифтів із засічками. Існують інші класифікації, засновані на зовнішньому вигляді шрифтів, наприклад на товщині ліній, контрасті між тонкими і товстими лініями, і формі засічок. У вітчизняній пресі існують свої класифікації. Наприклад, класифікація за ГОСТом групує шрифти за наявністю та відсутністю засічок, потовщення в засічках, плавний переход від основної лінії до засічки, закруглення засічки, і так далі. У класифікаціях російських та інших кириличних шрифтів часто буває категорія для старослов'янських шрифтів.

Головне завдання типографіки - регулюючи розмір літер та вибираючи відповідні шрифти, розмістити текст на сторінці так, щоб він добре читався та гарно виглядав. Існує ряд систем визначення розміру шрифту. У деяких випадках, однаковий розмір букв у типографських одиницях, якщо вони надруковані в різних гарнітурах, не означає однаковий розмір самих букв у сантиметрах або дюймах. Ця ситуація докладніше описана нижче. Незважаючи на викликані цим незручності, розмір шрифту, що застосовується на даний момент, допомагає дизайнерам акуратно і красиво скомпонувати текст на сторінці. Це особливо важливо у верстці.

У верстці необхідно знати не лише розмір тексту, але й висоту та ширину цифрових зображень, щоб розмістити їх на сторінці. Розмір можна виразити в сантиметрах або дюймах, але є також спеціально призначена для вимірювання розміру зображень одиниця - пікселі. Піксель - це елемент зображення як крапки (або квадрата), у тому числі воно складається.

Визначення одиниць

Розмір букв у типографіці позначається словом "кегль". Існує кілька систем вимірювання кеглю, але більшість із них засновані на одиниці «пайка»в американській та англійській системі виміру (англ. pica), або «цицеро» в європейській системі виміру. Назва "пайка" іноді пишуть як "піка". Існують кілька видів паяння, які злегка відрізняються за величиною, тому, використовуючи пайку, варто пам'ятати, яка саме пайка мається на увазі. Спочатку у вітчизняній пресі використовували цицеро, але зараз часто зустрічається і пайка. Цицеро і комп'ютерне паяння схожі за величиною, але не рівні. Іноді цицеро або паяння безпосередньо використовують для вимірювання, наприклад, щоб визначити розмір полів або колонок. Найчастіше, особливо для вимірювання тексту, використовують похідні одиниці, отримані від паяння, такі як друкарські пункти. Розмір паяння визначається різних системах по-різному, як описано нижче.

Літери вимірюють так, як показано на ілюстрації:

Інші одиниці

Хоча комп'ютерна пайка поступово витісняє інші одиниці, і можливо замінить звичніші цицеро, поряд з нею також використовуються інші одиниці. Одна з таких одиниць американська пайкаВона дорівнює 0,166 дюйма чи 2.9 міліметра. Існує ще й друкарська пайка. Вона дорівнює американській.

У деяких вітчизняних друкарнях та в літературі про друк досі використовують цицеро- одиницю, яка широко застосовувалася у Європі (крім Англії) до комп'ютерної пайки. Один цицеро дорівнює 1/6 французького дюйма. Французький дюйм дещо відрізняється від сучасного дюйма. У сучасних одиницях один цицеро дорівнює 4,512 мм або 0,177 дюйма. Ця величина майже дорівнює комп'ютерним пайкам. Один цицеро - це 1,06 комп'ютерних паянь.

Кругла шпація (em) та напівкругла шпація (en)

Описані вище одиниці визначають висоту букв, але є також одиниці, що позначають ширину букв і символів. Кругла і напівкругла шпації – саме такі одиниці. Перша також відома як шпація кегель або em, від англійської, що позначає букву M. Її ширина історично дорівнювала ширині цієї англійської літери. Аналогічно, напівкругла шпація, що дорівнює половині круглої - відома під назвою en. Нині ці величини не визначають за допомогою літери M, оскільки ця літера може мати різний розмір у різних шрифтів, навіть якщо кегль однаковий.

У російській використовуються коротке і довге тире. Для позначення діапазонів та інтервалів (наприклад, у фразі: «візьміть 3–4 ложки цукру») використовується коротке тире, яке називається також тире-en (англ. en dash). Довге тире використовується в російській мові в інших випадках (наприклад, у фразі: «літо було коротким, а зима - довгою»). Воно називається також тире-em (англ. em dash).

Проблеми із сучасними системами одиниць

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

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

Комплект шрифту - це сукупність всіх малих і великих літер, цифр і пунктуаційних знаків, що мають однаковий розмір та зображення (рис. 18.13). Шрифти можуть бути прямими та курсивними. До прямого шрифту відносяться літери прямої форми на відміну курсивного шрифту, в якому літери мають похилий форму. Латиниця (Roman) означає групу шрифтів, що мають засічки.

Сімейства шрифтів поєднують два і більше види шрифтів, що є різними варіантами шрифту, що мають однакове накреслення (рис. 18.14). Проте кожен вид зберігає невід'ємні характеристики основної форми букв. Варіанти можуть включати курсив, вузький (thin), світлий, напівжирний (semibold), жирний, середній (medium), вузький (condensed), широкий, контурний та інші види шрифту. У деяких сімействах представлені лише деякі з цих варіантів, у той час як інші сімейства пропонують більший

Мал. 18.13. Приклади двох варіантів накреслення шрифту "Bookman", нормального та жирного

вибір варіантів зображення. Сімейство шрифтів надає різноманітні, але гармонійні зображення шрифту, які можна використовувати в рекламі.

Розмір шрифту

Складачі користуються єдиними одиницями виміру шрифту. Якщо ви збираєтесь спілкуватися з людьми, які займаються виробництвом, вам необхідно знати базові одиниці виміру. У всіх англомовних країнах як одиниці виміру, що використовуються в друкованому виробництві, прийнято пункт і цицеро. Давайте познайомимося з ними ближче.

Пункт

Пункт (пт) використовується вимірювання розміру шрифту (висоти букв). В одному дюймі (2,54 см) 72 пункти (0,351 мм). Корисно знати, що висота шрифту розміром 36 пунктів становить приблизно півдюйми, а шрифту розміром 18 пунктів - приблизно 1/4 дюйми. На рис. 18.15 пояснюються основні терміни, що використовуються для позначення висоти шрифту. Розмір шрифту може становити від 6 до 120 пунктів. Розмір шрифту основного тексту зазвичай знаходиться в діапазоні від 6 до 14 пунктів. Більшість видань використовують шрифти розміром 9,10 або 11 пунктів. Шрифти, розмір яких перевищує 14 пунктів, називаються шрифтами або шрифтами заголовка. Однак ці розміри - лише умовність: як правило, розмір шрифту основного тексту газетної реклами становить приблизно 18 пунктів, крім того, зустрічаються рекламні звернення, в яких розмір заголовка приблизно дорівнює розміру основного тексту. Малюнок 18.16 дає наочне уявлення про основні розміри шрифту.

Поряд із вимірюванням висоти шрифту пункти використовуються для вимірювання інтервалу між рядками, лініями та кромками.

Розмір шрифту CSS задається за допомогою властивості font-size, наприклад:

p (
font-size: 12px;
}

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

У табл. 1 наведено одиниці, які можна використовувати для вказівки розміру шрифту.

Розглянемо застосування кожного їх докладніше.

p (
font-size: 10pt;
}

Слід уникати використання пунктіві пікдля оформлення тексту, який призначений для відображення на екрані. Ці одиниці ідеально підходять для визначення розміру шрифту для друку; вимір у пунктах надійшов із поліграфії. Пункт становить 1/72 частину дюйма, а піку – шосту частину дюйма. Після друку текстові документи, шрифт у яких заданий у даних одиницях, точно відповідатимуть намірам автора – зрештою шоста частина дюйма залишається шостою частиною дюйма як на аркуші формату А4, так і на ватмані. Проте комп'ютери не в змозі відобразити фізичні розміри з такою точністю, і вони намагаються вгадати – причому не надто успішно – розмір пункту або піку, через що під різними платформами той самий документ може відображатися по-різному.

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

p (
font-size: 12px;
}

Багато дизайнерів люблять використовувати пікселі як одиниці вимірювання для завдання розміру шрифту, оскільки це дозволяє досягти однакового відображення в різних броузерах і під різними платформами. Однак, при цьому ігноруються налаштування броузера користувача; більше того, під час перегляду такої сторінки в Internet Explorer користувач не зможе змінити розмір шрифту. Це серйозні обмеження для користувачів зі слабким зором, для яких можливість прочитання залежить від наявності функції збільшення шрифту.

Може здатися, що використання пікселів для завдання розміру шрифту - найпростіше і зручне рішення, проте за наявності альтернативних методів слід відмовитися від цього способу, особливо якщо йдеться про великі блоки з контентом. При створенні документа, призначеного для друку, або написанні таблиці стилів для друку абсолютно недоцільно використовувати пікселі у світі паперових документів, вони повністю втрачають сенс, подібно до пунктів в екранному середовищі. При вказуванні розміру шрифту тексту для друку в пікселах буде спроба вгадати, яким чином він повинен відображатися на папері, і результати далеко не завжди збігатимуться з очікуваними.

Em- Відносна одиниця вимірювання розмірів шрифту. Її назва прийшла з області друкарні, де вона відповідає розміру великої літери М, яка, як правило, є найширшим символом шрифту. У CSS 1emвідповідає розміру шрифту, що використовується в системі користувача за промовчанням, або розміру шрифту батьківського елемента, якщо він відрізняється від стандартного, що використовується.

Якщо ви використовуєте em(або інші відносні одиниці) для визначення розміру всіх шрифтів, користувачі зможуть змінювати розмір символів тексту відповідно до налаштувань розміру символів, встановлених у їхньому броузері. Наприклад створимо опис стилю, що задає розмір шрифту всередині елемента pрівним 1em:

p (
font-size: 1em;
}

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

Значення em можна задавати десятковими числами. Наприклад, щоб задати розмір шрифту на 10 відсотків менше, ніж використовується за умовчанням (або розміру шрифту батьківського елемента), можна використовувати таке правило:

p (
font-size: 0.9em;
}

Щоб текст став на 10 відсотків більшим, ніж при використанні значення за умовчанням або успадкованого значення, можна використовувати таке правило:

Еx- Відносна одиниця вимірювання розмірів, що відповідає висоті малої літери «х» шрифту за замовчуванням. Теоретично, якщо привласнити властивості font-sizeабзацу значення 1ex, його великі літери будуть тієї ж висоти, яку мала б мала літера x, якби розмір шрифту не був заданий (при цьому розмір малих літер розраховувався б щодо великих).

p (
font-size: 100%;
}

Як і у випадку з emі exПри заданні розмірів у відсотках розміри будуть співвідносні з налаштуваннями користувача броузера, і користувач зможе самостійно змінювати розмір шрифту. Значення 100% розміру шрифту для елемента pвідповідає розміру шрифту, заданому параметрами за замовчуванням (так само, як і при заданні значення 1em). При зменшенні процентного значення розмір тексту зменшується:

p (
font-size: 90%;
}

У разі збільшення процентного значення розмір тексту збільшується:

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

Ключові слова з абсолютними значеннями

У розпорядженні веб-розробника є сім абсолютних ключових слів CSS:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

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

Вимірювання за допомогою ключових слів називаються абсолютними, оскільки при цьому немає спадкування від батьківського елемента. Тим не менш, на відміну від застосування абсолютних значень, наприклад у пікселах або пунктах, використання абсолютних ключових слів дозволяє відвідувачу сайту змінювати розмір шрифту вручну, а також не перевизначає налаштування користувача броузера. Основною проблемою при застосуванні абсолютних ключових слів стає невідповідність відображення тексту, оформленого за їх допомогою, у різних броузерах - текст з розміром xx-small може бути чітко видно в одному броузері і зовсім не читаємо в іншому.

Ключові слова з відносними значеннями

Завдання розміру шрифту за допомогою відносних ключових слів – largerі smaller- він визначається по відношенню до розміру, встановленого для батьківського елемента, подібно до того, як це відбувається при використанні emі % . Таким чином, якщо розмір елемента pзаданий за допомогою абсолютного ключового слова small, і ви хочете, щоб виділений фрагмент тексту відображався більшим шрифтом, можна використовувати таку таблицю стилів:

p (
font-size: small;
}
em (
font-size: larger;
}

Ця розмітка буде відображена, оскільки текст між тегами івідображається більшим шрифтом, ніж текст батьківського елемента p:

Приклад:

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

, друкується з відступом 2em. Розмір заголовка третього рівня більший, ніж розмір основного тексту, встановлений стандартним браузером.

приклад

CHAPTER II
The Pool of Tears

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

THE FOLLOWING TABLES DETAIL HOW WORD FILES AND DIRECTORIES
ARE DISTRIBUTED IN A NETWORK ENVIRONMENT-ON A SERVER, AT
A SINGLE-USER WORKSTATION, AND AT A SHARED-VERSION WORKSTATION.


Результат:

CHAPTER II
The Pool of Tears

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

THE FOLLOWING TABLES DETAIL HOW WORD FILES AND DIRECTORIES ДА DISTRIBUTED IN A NETWORK ENVIRONMENT - ON A SERVER, AT SINGLE-USER WORKSTATION, AND AT A SHARED-VERSION WORKSTATION.


Останні матеріали розділу:

Чому на Місяці немає життя?
Чому на Місяці немає життя?

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

Лінкор
Лінкор "Бісмарк" - залізний канцлер морів

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

Крутиться земля обертається як обертання землі навколо сонця і своєї осі
Крутиться земля обертається як обертання землі навколо сонця і своєї осі

Земля не стоїть на місці, а перебуває у безперервному русі. Завдяки тому, що вона обертається навколо Сонця, на планеті відбувається зміна часів.