Ти тут

Як зробити в css жирний шрифт?

Відео: Як зробити 3D текст в Photoshop CS6 !!!

Щоб зробити в CSS жирний шрифт, слід використовувати ряд стандартних команд. Але можна скористатися і нестандартними варіантами, які дають цікавий ефект. Жирне накреслення застосовується для виділення чітко визначеного фрагмента тексту. CSS нам допомагає привласнити такий шрифт будь-якого словосполучення або навіть окремої букві. Якщо ви до цих пір використовуєте HTML-теги для досягнення цього ефекту, вам потрібно переглянути свої погляди на програмування, так як каскадні таблиці стилів дають вам як розробнику більше можливостей. Про деякі з них ми поговоримо в цій статті.

Відео: CSS урок 9. Жирний шрифт

css жирний шрифт

Присвоєння

Відео: Робота зі шрифтами - як зробити шрифт жирним і курсивом (Основи HTML і CSS)

Жирний шрифт CSS привласнюєте за допомогою простого правила: font-weight. Як значення можна вказати різні комбінації. Наприклад, можна написати властивість «font-weight: bold», що означає напівжирний. В якості стандартного значення використовується запис «normal». Крім ключових слів можна використовувати звичайні цифри. Умовні одиниці коливаються від 100 до 900, де 400 відповідає команді «normal». А це означає, що якщо встановити значення менше 400, то шрифт буде втрачати свою насиченість, а якщо більше, то придбає жирний вид. Це дозволяє проводити ручну настройку накреслення.



В CSS жирний шрифт може присвоюватися, виходячи з батьківського елемента. У каскадних таблицях існує дві команди ( «bolder» і «lighter»), які можуть збільшувати або зменшувати насиченість зображення. Значення будуть змінюватися в залежності від батьківського елемента. Властивість «font-weight» може записуватися в короткій формі - «font», куди можна записати все характеристики шрифту.

жирний шрифт css



мета

Відео: Красиві шрифти! Як підключити шрифт css. урок 7

Привласнювати такий CSS-шрифт можна будь-якого елементу HTML або XHTML. Ефект буде видно тільки в тому випадку, якщо тег містить в собі текст. У HTML існує аналог властивості «font-weight». Якщо помістити текст між тегами , то він стане більш насиченим. Його властивість повністю ідентично значенням «bold». Деякі розробники не бачать різниці між тегом і CSS жирний шрифт. А відмінності є. Тег має свою власну смислове навантаження, використовується для дійсно важливої інформації. А CSS-властивість - це всього лише декоративне значення, яке вживається для прикраси тексту. Нехай дана різниця і не відчувається при читанні, але, як радить консорціум всесвітньої павутини, все повинно стояти на своїх місцях. Такий порядок в коді збільшить життя ваших сторінок. Адже не за горами той час, коли браузери навчаться використовувати інший спосіб візуалізації тексту, де буде виділятися смислове і декоративне значення. Не варто про це забувати при створенні своїх сторінок.

css шрифт

висновок

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

Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!

Схожі повідомлення


Увага, тільки СЬОГОДНІ!