Уроки по тегу «css3»
Урок «Знакомство с HTML»
Познакомиться с HTML и попробовать его в деле.
Урок «Элементы, теги и атрибуты»
Изучить простую идею HTML и структуру элементов страницы.
Урок «Верстальщик vs. веб-дизайнер»
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.
Урок «div, span и display»
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.
Урок «Правило близости»
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.
Урок «Структура страницы»
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.
Урок «Основы CSS»
Научиться задавать оформление — стили — элементам HTML-страницы.
Урок «Каскад»
Понять принцип, по которому стили собираются в один набор из разных источников.
Урок «Chrome DevTools»
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.
Урок «Размещение на GitHub Pages»
Освежить память по теме хостинга и разместить статичную страницу бесплатно на GitHub Pages.
Урок «Интеграция с соц. сетями и семантический веб»
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
Урок «Наложение элементов»
Узнать о наложении элементов, связи позиционирования и наложения
Урок «Относительное позиционирование»
Научиться использовать относительное позиционирование и узнать его особенности
Урок «Фиксированное позиционирование»
Научиться позиционировать элемент относительно самого браузера
Урок «Поток документа»
Узнать о том, как браузеры отображают HTML, что такое нормальный поток документа
Урок «Абсолютное позиционирование»
Узнать о том, как выдернуть элемент из нормального потока
Урок «Относительное и абсолютное позиционирование»
Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блока
Урок «Плавающие элементы»
Узнать о плавающих элементах и их особенностях
Урок «Выравнивание элементов по перпендикулярной оси»
Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс-контейнера. Познакомиться со свойством align-items
Урок «Перенос элементов в контейнере»
Узнать о способах переноса элементов внутри флекс-контейнера. Научиться пользоваться свойством flex-wrap
Урок «Выравнивание элементов по главной оси»
Узнать о способах выравнивания элементов по главной оси внутри флекс-контейнера. Познакомиться со свойством justify-content
Урок «Свойства Flex-элементов. Гибкость. Flex-grow»
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойство Flex-grow
Урок «Свойства Flex-элементов. Гибкость»
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства flex-shrink, flex-basis, flex
Урок «Свойства Flex-элементов. Расположение»
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства order и align-self