CSS безумовно пов`язаний з HTML. Природно, кожен поважаючий себе творець веб-сторінок повинен знати ці дві мови. Сьогодні в даній статті ми розглянемо відповідь на питання: «Як писати закресленим текстом?» Також обговорюватимуться деякі найпоширеніші прийоми, якими користується більшість веб-програмістів. Далі ви дізнаєтеся про те, як писати закресленим текстом.
підготовка
Можливо, у вас немає практичного досвіду в написання CSS-коду. А від вас це і не потрібно. Зараз я проведу короткий екскурс по основам цієї мови. Якщо ви вже з ним знайомі, то можете пропустити цю частину статті. CSS є формальною мовою, який використовується для оформлення веб-сторінок (написаних на HTML). Спочатку дизайн документів визначався тільки за допомогою гіпертекстової розмітки. Згодом розробники HTML взяли рішення про створення нової мови, який повинен використовуватися тільки для оформлення. Тим самим були розділені основні завдання. HTML став застосовуватися тільки для створення структури сторінки, і CSS - тільки для дизайну. Ймовірно, ви замели, що в гіпертекстовому мовою присутні теги, що визначають колір, товщину рамок, величину відступів. Всі вони визнаються небажаними, так як оформленням веб-сторінок повинен займатися тільки CSS. Як кажуть люди з W3C, надалі все застарілі теги будуть повністю видалені з мови. HTML і CSS зараз можна представляти як одне ціле. В принципі, багато користувачів так і вважають. Отже, давайте перейдемо до практики і дізнаємося, як писати закресленим текстом.
Інструкція
В CSS все відбувається за допомогою властивостей. В даному випадку для нашої задачі ідеально підходить Text-decoration. Це властивість дозволяє розробникам керувати ефектами, які можуть застосовуватися до тексту. Зокрема, більшість змін полягає в освіту лінії, наприклад: під, над текстом або навіть по центру. Застосовуватися ця властивість може до всіх елементів. Але ефект буде помітний, тільки коли тег містить текст. Тепер давайте обговоримо значення:
- Underline. Лінія буде перебувати під текстом.
- Overline. Лінія буде проходити над текстом.
- Line-through. Вставивши це значення, ви зможете писати закресленим текстом.
- Blink. Дане значення створює цікавий ефект, при якому текст починає блимати (приблизно один раз в секунду).
додаткові відомості
Останнє описане значення (Blink) рідко коли застосовується в розробці сторінок. І серед веб-програмістів існує негласне правило, яке забороняє використовувати даний ефект. Так як користувачам не до вподоби постійне миготіння будь-яких елементів на сторінці. Хочеться сказати ще про ефективне використання властивості Text-decoration. Як ви знаєте, посилання в веб-сторінці автоматично виділяються індивідуальним кольором і нижнім підкресленням. Так ось: Text-decoration дозволяє прибрати це виділення, якщо застосувати значення None. Або можна перепризначити підкреслення посилань за допомогою цього ж властивості. Можливо, вам буде цікавий той факт, що можна використовувати відразу кілька значень. Так, наприклад, можна створити виділений текст зверху і знизу.
висновок
Для вирішення цього завдання можна використовувати і альтернативний варіант, де застосовується тег з HTML. Але як уже говорилося, мова CSS був задуманий для оформлення сторінок. А HTML нехай займається структурою документів. Сподіваюся, ви дізналися про те, як писати закресленим текстом.
