HTML5 - видео урок №6. Введение в CSS3
ITVDN: курсы программирования
Видеокурсы по
программированию

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

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

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

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

ВИДЕОУРОК №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, какие изменения коснулись свойств, с помощью которых задаются цвета, фоновые изображения и рамки элементов.
Титров к данному уроку не предусмотрено
комментарии и обсуждения