Як зробити в CSS жирний шрифт?
Щоб зробити в CSS жирний шрифт, слід використовувати ряд стандартних команд. Але можна скористатися і нестандартними варіантами, які дають цікавий ефект. Жирне накреслення застосовується для виділення строго певного фрагмента тексту. CSS нам допомагає присвоїти такий шрифт будь-якому словосполученню або навіть окремої букві. Якщо ви досі використовуєте HTML-теги для досягнення цього ефекту, вам потрібно переглянути свої погляди на програмування, так як каскадні таблиці стилів дають вам як розробнику більше можливостей. Про деякі з них ми поговоримо в цій статті.
Присвоювання
Жирний шрифт CSS привласнюєте за допомогою простого правила: font-weight. Як значення можна вказати різні комбінації. Наприклад, можна написати властивість «font-weight: bold», що означає напівжирне накреслення. В якості стандартного значення використовується запис «normal». Крім ключових слів можна використовувати звичайні цифри. Умовні одиниці коливаються від 100 до 900, де 400 відповідає команді «normal». А це означає, що якщо встановити значення менше 400, то шрифт буде втрачати свою насиченість, а якщо більше, то придбає жирний вигляд. Це дозволяє проводити ручну настройку накреслення.
У CSS жирний шрифт може присвоюватися, виходячи з батьківського елементу. У каскадних таблицях існує дві команди («bolder» і «lighter»), які можуть збільшувати або зменшувати насиченість накреслення. Значення будуть змінюватися залежно від батьківського елементу. Властивість «font-weight» може записуватися в короткій формі - «font», куди можна записати всі характеристики шрифту.
Мета
Привласнювати такий CSS-шрифт можна будь-якого елементу HTML або XHTML. Ефект буде видно тільки в тому випадку, якщо тег містить в собі текст. У HTML існує аналог властивості «font-weight». Якщо помістити текст між тегами , то він стане більш насиченим. Його властивість повністю ідентично значенням «bold». Деякі розробники не бачать різниці між тегом і CSS жирний шрифт. А відмінності є. Тег має свою власну смислове навантаження, використовується для дійсно важливої інформації. А CSS-властивість - це всього лише декоративне значення, яке вживається для прикраси тексту. Нехай дана різниця і не відчувається при читанні, але, як радить консорціум всесвітньої павутини, все повинно стояти на своїх місцях. Такий порядок в коді збільшить життя вашим сторінкам. Адже не за горами той час, коли браузери навчаться використовувати інший спосіб візуалізації тексту, де буде виділятися смислове та декоративне значення. Не варто про це забувати при створенні своїх сторінок.
Висновок
Існуючий в CSS жирний шрифт дозволяє зменшити вихідний код сторінки. Адже немає необхідності використовуватися тег . Досить просто укласти необхідний текст в певний клас. А якщо потрібно скасувати жирне накреслення, то потрібно всього лише виправити один файл з каскадними таблицями. Але не забувайте, що не можна зловживати даними властивістю, так як зайве використання різних декоративних прийомів може зіпсувати текст. Бажано застосовувати жирний шрифт тільки тоді, коли це дійсно потрібно, наприклад, для виділення заголовків або назви певного розділу.
Прикраса веб-сторінки і розмір шрифту в HTML Початківцям веб-дизайнерам корисно буде знати про способи оформлення тексту веб-сторінки. До них відносяться вирівнювання, колір, розмір шрифту та багато іншого.З форматуванням пов'язані кілька тегів. Найчастіше використовується "p" - абзац. У нього…
Форматування тексту у форматі html При оформленні html-документа не слід забувати про такий важливий понятті, як форматування тексту. Завдяки йому текст буде виглядати акуратно і ефектно. Звичайно, завжди можна залишити форматування за замовчуванням. Але в такому випадку може вийти,…
Головна буква в html і css Заголовна буква, відповідно до визначення, - це елемент тексту, який збільшений в розмірі щодо малих літер. Практично у всіх мовах з великої літери починається пропозицію. А оформлення початку абзацу виділяється великою літерою дозволяє…
Що таке насиченість, контрастність, кегль шрифту? У цій статті будуть обговорюватися основні поняття і визначення, що характеризують шрифт. Дана інформація стане в нагоді в багатьох областях. Наприклад, для веб-дизайнерів: їм дійсно важливо розрізняти види шрифтів. Викладена інформація…
Як збільшити шрифт на ноутбуці в різних додатках? Питання «як збільшити шрифт на ноутбуці» виникає досить часто у початківців користувачів. Однозначної відповіді на нього немає. Все залежить від програми, в якому ви працюєте. Один спосіб можна використовувати в самій операційній системі. У браузері…
Як збільшити шрифт на комп'ютері декількома натисканнями? Операційна система Windows має ряд вбудованих інструментів, що дозволяють змінювати розмір шрифту, а також стиль написання. Програмні засоби для роботи з графічними, текстовими та іншого виду файлами мають власним функціоналом, який сприяє…
Виділяємо текст. Жирний шрифт. HTML-посібник для початківців Один з найбільш простих способів виділити в тексті слово або фразу - використовувати інше накреслення літер. Так можна підкреслити слово або фразу, використовуючи жирний шрифт. HTML-розмітка сторінки з легкістю дозволяє виділяти слова за допомогою…
Що робити, якщо змінився шрифт в "Контакті"? Найпоширеніша проблема серед користувачів соціальних мереж - це випадкове зміна шрифту. Воно може виникнути з різних причин, і мало хто знає, як повернути масштаб в попереднє положення. У цій статті буде докладно розказано про те, що потрібно…
Рукописні шрифти: класифікація та особливості Для створення імітації рукописного тексту в навчальній літературі або іншої поліграфічної продукції використовують скрипти. Так інакше називають рукописні шрифти. Вони імітують накреслення, виконане вручну олівцем, чорнилом, пером та іншими…