HTML5 и CSS3

Урок 7. Web Fonts и стили для текста

Для просмотра полной версии видеокурса и получения доступа к дополнительным учебным материалам Вам необходимо оформить подписку Оформить подписку
Основные темы, рассматриваемые на уроке:
00:44 1 Подключение онлайн шрифта
03:16 2 Вывод определенной строчки онлайн-шрифтом
04:40 3 Задание шрифта определенному стилю (на примере курсива)
06:17 4 Подключение шрифта через сервис Google Fonts
09:36 5 Свойство "text-shadow" (тень текста)
11:14 6 Свойство "text-overflow" (текст, выходящий за пределы родит.элемента)
12:29 7 "word-wrap" (перенос длинных слов)
13:16 8 Домашнее задание
13:38 9 Колонки. 5 примеров
17:38 10 Псевдоэлемент ":after"
19:54 11 Псевдоэлемент ":before"
20:55 12 Свойство "content". Переменные в CSS, 2 примера
26:07 13 Свойство "content". Ссылки
27:03 14 Свойство "content". Картинки
27:32 15 Свойство "content". Ключевые слова
28:28 16 ":after", ":before", "content" и немного анимации
33:24 17 Псевдоэлемент "::first-latter"
33:59 18 Псевдоэлемент "::first-line"
34:44 19 Псевдоэлемент "::selection"
35:15 20 Хаки для IE

Использование дизайнерских шрифтов в веб приложениях всегда было проблемой, так как шрифт для корректной работы страницы должен был быть установлен на компьютере посетителя сайта. Теперь с использованием веб шрифтов мы можем использовать любой шрифт в документе, не опасаясь того, что текст будет не красиво отображаться в браузерах пользователей. Также в этом уроке Вы научитесь оформлять текстовые блоки – устанавливать тень для текста, разбивать текст на несколько колонок и генерировать текст с помощью CSS правил и псевдоэлементов.

Для просмотра полной версии видеокурса и получения доступа к дополнительным учебным материалам Вам необходимо оформить подписку
Оформить подписку
CyberBionic Systematics Курсы программирования CyberBionic Systematics

© 2017 ITVDN, все права защищены