ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка
ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка

Видео курсы по HTML, CSS и созданию сайтов

ВИДЕОУРОК №8. Web Fonts и стили для текста

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

основные темы, рассматриваемые на уроке

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

Консультация
тренера

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

комментарии и обсуждения