CSS3 ДЛЯ НАЧИНАЮЩИХ от Magisters.
Пройти все уроки данного курса и научиться CSS
Критерий завершения
Фундаментальные знания CSS
Практические применения CSS-техник
Основы блочной верстки
Личные ресурсы
Свободное время
Экологичность цели
Пройти все уроки
-
Введение в курс
Этот курс будет посвящен CSS3, а рассчитан он на тех, кто еще не знаком с этой технологией. Это вводный урок, в котором мы подготавливаем среду для работы.
-
Новый редактор с подсветкой
Новый урок в котором Вы установите отличный редактор с подсветкой синтаксиса. Также мы немного расширим функционал этой программы.
-
Основы CSS-синтаксиса
В этом уроке мы поговорим об основных правилах написания CSS-кода. Мы посмотрим несколько простых примеров, на которые мы будем опираться в будущем. Урок простой, быстрый, но очень важный.
-
Идентификаторы и классы
В этом уроке я Вам расскажу как в CSS выбираются HTML-элементы по их идентификатору и классу. Также мы рассмотрим интересный пример работы Emmet (не то, что в прошлом уроке, один параграф).
-
Приоритет стилей
В этом уроке я расскажу Вам об особенностях применения стилей браузером, решил рассказать об этом в начале курса, чтобы навсегда сформировать в вашем сознании эти правила.
-
Изменение фона на CSS
Привет, друзья и коллеги! В этом уроке я Вам расскажу как с помощью CSS можно управлять фоном HTML-элемента.
-
Оформление текста
В этом уроке я расскажу Вам об основных CSS-свойствах оформления вашего текста. Данных свойств будет не совсем достаточно, но после выпуска второй части этого урока Вы получите полную картину работы с текстом при помощи CSS.
-
Еще об оформлении текста
В этом уроке мы продолжим с Вами оформлять наш текст, и сегодня мы внесем в него последние в этом курсе изменения, которые придадут ему отличный вид. Приятного просмотра!
-
Оформление HTML-списков
В этом уроке мы с Вами коснемся оформления HTML-списков при помощи CSS. Мы поговорим об особенностях изменения пунктов и их индикаторов.
-
Создание горизонтального меню
В этом уроке мы продолжим эксперименты над оформлением списков. И в этом уроке я на основе HTML-списка создам горизонтальное меню для сайта. После этого урока, Вы самостоятельно сможете сверстать навигацию при помощи CSS.
-
Выпадающее меню на CSS
В этом уроке друзья мы сделаем выпадающее меню на чистом CSS, которое будет появляться при наведении курсора мыши.
-
Относительное и абсолютное позиционирование
В этом уроке мы с Вами научимся основам CSS-позиционирования HTML-элементов. Мы разместим логотип и форму поиска в шапке.
-
Разделение ряда на блоки
В этом уроке Вы научитесь разделять блок на несколько секций, других блоков.
-
Фиксированное позиционирование
В этом уроке мы продолжим изучать способы и методы позиционирования блоков с помощью CSS. Мы рассмотрим фиксированное позиционировании и скомбинируем его с абсолютным, чтобы получить выровненный по центру экрана, зафиксированный блок.
-
Псевдо-классы CSS
В этом уроке мы поговорим с Вами о синтаксисе псевдо-классов. Вы узнаете что они делают и какие они бывают. Данные возможности CSS очень пригодятся Вам при верстке сайтов.
-
Псевдо-элементы CSS
Сегодня мы продолжим курс по CSS. В этом уроке я расскажу Вам о всех известных псевдо-элементах. Урок простой, но занимательный.
-
Комбинаторы селекторов в CSS3
В этом уроке Вы узнаете все о комбинаторах в CSS3. Это довольно простая, но в то же время важная тема, будьте внимательны.
-
Селектор атрибута
В этом уроке я расскажу Вам о возможностях CSS в работе с HTML-атрибутами. Как легко выбрать именно тот элемент, который Вам нужен.
-
Использование спрайтов
В этом уроке мы поговорим о таком замечательном решении, как спрайты. Вы узнаете что это такое, и как это может упростить работу с изображениями в CSS и оптимизировать скорость загрузки сайта.
-
@media и адаптивная верстка
В этом уроке мы поговорим о медиа-запросах в CSS и HTML. Также я расскажу Вам об основах адаптивной верстки.
- 873
- 30 августа 2016, 14:01
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением