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

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

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

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

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

ВИДЕОУРОК №7. Введение в CSS3

Загрузка видео...
основные темы, рассматриваемые на уроке
1 0:00:58
Чем CSS3 отличается от предыдущих версий
2 0:03:13
Освежим знания по CSS
3 0:11:36
Плагин Web Essentials
4 0:16:48
Некоторые селекторы CSS2 и новые селекторы CSS3
5 0:17:39
Пример селектора вида E > F
6 0:19:29
Пример селектора вида E + F
7 0:20:31
Пример селектора вида E ~ F
8 0:22:19
Пример селекторов вида E[foo^="bar"], E[foo$="bar"], E[foo*="bar"]
9 0:26:19
Свойство "background-size". Масштабирование фона
10 0:30:51
Работа с несколькими фонами
11 0:32:28
Свойство "background-origin"(нюансы с границами и контентом )
12 0:34:33
Где посмотреть какими браузерами поддерживается конкретное свойство?
13 0:35:13
Цветовые модели. Примеры
14 0:40:34
Свойство "border-radius". Закругленные углы
15 0:45:05
Свойство "border-image". Границы с использованием картинок
16 0:48:52
Свойство "box-shadow". Тени
17 0:51:45
Позиционирование блочных элементов с помощью свойства "float"
18 0:53:10
Позиционирование блочных элементов с помощью "display:flexbox"
19 0:54:46
Свойство "box-ordinal-group". Порядок расположения элементов
20 0:55:58
Свойство "box-flex", родительский элемент "display:flexbox". Гибкость
21 0:57:58
Свойство "box-align", родительский элемент "display:flexbox". Выравнивание
22 0:59:28
Свойство "box-direction" и "display:flexbox". Так можно задать обратный порядок
23 1:00:12
Свойство "box-pack" и "display:flexbox". Размещение(выравнивание) дочерних элементов
24 1:01:36
Нюанс с размером блока, свойство "box-sizing"
25 1:04:09
Небольшой пример верстки сайта
Описание видеоурока
Титры видеоурока
Скачать материалы
Рекомендуемая литература
Любой FrontEnd разработчик знает, что такое CSS, но не каждый умеет пользоваться возможностями, которые появились в CSS3 – новой версии формального языка определения стиля документа. С помощью всего нескольких инструкций теперь можно делать сложные графические эффекты, которые раньше занимали много времени. В этом уроке Вы узнаете общие сведения о состоянии спецификации CSS3 и о том, в каких браузерах поддерживается CSS3. Также Вы узнаете о том, какие новые селекторные функции были введены в CSS3, какие изменения коснулись свойств, с помощью которых задаются цвета, фоновые изображения и рамки элементов.
комментарии и обсуждения