Шрифти css в картинках - запам`ятовуємо властивості шрифтів css

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

Якщо Вам потрібно вивчити всі властивості CSS, тоді можете почати з моїх уроків:

• основи сайтобудування

Шрифти CSS в компактному вигляді

Нижче Ви бачите шрифти CSS, які я зробив в інфографіку. У кожного властивості є набір певний набір якостей, які доступні для нього. Також показано що буде якщо застосувати відповідний параметр властивості.

Відео: Основи CSS - # 6 - Використання шрифтів

Нижче Ви можете завантажити цю картинку у великій якості в форматі JPG, а також в форматі PDF:

Відео: Як підключити шрифт в HTML верстку (@ font-face)

СмотретьСкачать

висновок

Якщо у Вас з`явилися побажання яким чином розташувати елементи або щось потрібно доопрацювати - пишіть в коментарях. Все врахую. На цьому зображення можна з легкістю знайти потрібний властивість і подивитися які значення воно може приймати. Також для кожного значення показаний його результат. Для всіх CSS властивостей будуть створені зображення у вигляді інфографіки для кращого запам`ятовування.

Успіхів!

З повагою, Юрій Німець