Послухайте, друзі.
Властивості CSS — невичерпні.
Дозвольте я вам покажу ще декілька.
Що як я захочу змінити
відстані між рядками в моїй пісні?
Я можу використати властивість
"line-height" (висота рядка)
і визначити висоту: 15 пікселів.
Або, можливо, краще зробити її 1.5em,
що зробить висоту рядка
в півтора раза більшою,
ніж розмір тексту.
А що як я захочу розмістити пісню
по центру сторінки?
Я можу використати властивість
"text-align" (розміщення тексту)
і задати значення "center" (центр).
Я також можу змінити його на "right"
(справа) або "justified"
(вирівняний по ширині),
хоча, я думаю, це матиме
трохи дивний вигляд.
А якщо я захочу підкреслити
головний параграф?
Я можу використати властивість
"text-decoration"
і задати значення "underline"
(підкреслення).
А якщо я хочу видалити підкреслення
з посилань,
так як в цьому посиланні на Вікіпедію?
Браузер має певні правила стилів,
які він встановлює
за замовчуванням.
Наприклад, "text-decoration: underline"
для посилань.
Але ми можемо використати CSS, щоб
змінити стилі браузера за замовчуванням,
і написати "text-decoration: none".
Всього лиш додайте це правило тут.
{text-decoration: none}.
І зараз ви бачите, що
посилання вже не підкреслене.
Але ми маємо бути обережними,
коли робимо таке,
тому що для значень за замовчуванням
переважно є якась причина.
Якщо посилання не будуть підкреслені,
як люди знатимуть, що це посилання?
А що як вони ніколи на них не натиснуть,
бо думатимуть, що це звичайний текст?
Якщо ми видалимо підкреслення,
ми маємо бути впевнені,
що посилання якось вирізняється
будь-яким чином.
В іншому випадку ми змусимо
користувачів сумувати.
А сумні користувачі роблять
сумною мене.
Вони б мали і вас робити сумними.
Я можу розповідати вам про властивості
тексту цілий день.
Але я не буду, бо нам потрібно
вивчити ще стільки всього.
Існують сотні властивостей CSS.
І браузери додають все більше
й більше щороку.
Я, напевно, ніяк не зможу
розповісти вам про усі з них.
Але, на щастя, я можу розповісти
достатньо, щоб зацікавити вас.
І якщо вас зацікавить, чи існує якась
властивість CSS для певного стилю,
і її не буде в нашій документації тут,
ви завжди можете зайти в пошукову систему
і з'ясувати.
Наприклад, якщо вас цікавить,
чи є спосіб додати тінь до вашого тесту,
просто пошукайте в Інтернеті "СSS text
shadow" (СSS текст тінь)
і ви побачите багато результатів.
Загалом, спроможність знайти
в Інтернеті
відповіді на свої запитання —
дуже важлива риса для веб-розробника.
Тому що дуже багато людей
мають такі ж питання, як і ви,
і у 99,9 % випадків відповіді на них є в Інтернеті.
Ви всього лиш маєте навчитись шукати їх.
Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"