Уроки по тегу «CSS3»

На рынке существует несколько основных редакторов. Некоторые из них специфичны только для одной операционной системы, другие имеют возможность установки на любую из них. В этом разделе посмотрим на основные действия при работе верстальщика с онлайн-редактором Figma.

Что такое каскадность, и как она работает в CSS? Урок посвящен различиям в приоритетах селекторов и умению использовать это в своих проектах.

Чтобы сохранять результаты работы, вам потребуется редактор кода. В этом уроке разберем, как установить Visual Studio Code. Это мощный инструмент, который можно использовать не только для верстки, но и для программирования на любом языке.

Изучаем один из самых полезных плагинов для верстальщика — Emmet. Он позволит ускорить разметку HTML-кода и снимет бóльшую часть рутинных действий.

Чтобы выложить проект в интернет, нужно воспользоваться хостингом — специальным сервером, который будет хранить файлы и предоставит доступ к ним через доменное имя. В этом уроке мы рассмотрим бесплатный хостинг GitHub.

Основная цель любой HTML-верстки — передача смысла блоков. В этом уроке мы рассмотрим возможности последнего стандарта HTML5 в области семантики и узнаем о доступности в веб.

Урок посвящен HTML верстке с нуля. Говорим о роли атрибутов и изучаем общую схему описания HTML тегов.

Какие элементы отвечают за каркас страницы, а какие помогают в процессе ее стилизации или добавления функциональных частей? Знакомимся с блочными и строчными элементами HTML и изучаем влияние стилей на итоговую ширину элементов.

Для визуального оформления веб-страницы создан язык CSS. Изучаем базовые возможности языка, разбираемся, как их использовать вместе с HTML. Учимся подключать CSS файлы и знакомимся с базовыми типами селекторов.

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

В курсе «CSS: Вёрстка на Grid»

Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex

В курсе «CSS: Вёрстка на Grid»

Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout

В курсе «CSS: Вёрстка на Grid»

Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns

В курсе «CSS: Вёрстка на Grid»

Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout

В курсе «CSS: Вёрстка на Grid»

Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки

В курсе «CSS: Вёрстка на Grid»

Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки

В курсе «CSS: Вёрстка на Grid»

Изучаем отступы между полосами и выравнивание полос сетки

Узнаем о плюсах и минусах Bootstrap. Увидим, где используется Bootstrap и для чего его можно применять

Познакомимся с фреймворком Bootstrap и изучим план курса

Изучим возможности при работе с текстом в Bootstrap. Узнаем о RFS и изменении стандартных шрифтов проекта

Научимся использовать иконки из библиотеки Bootstrap Icons

Узнаем о принципах адаптивности в Bootstrap. Научимся адаптировать сетку

Изучим концепцию сеток в Bootstrap. Узнаем виды контейнеров

Научимся работать с таблицами, используя возможности Bootstrap. Узнаем о доступности таблиц

Узнаем о компонентах Bootstrap и изучим устройство их работы

Узнаем об утилитах. Изучим принципы работы, строение и когда стоит использовать утилиты в Bootstrap

Рекомендуемые курсы по теме «CSS3» для начинающих

Нашли 9 курсов по тегу «CSS3»
курс
Позиционирование элементов на странице с помощью CSS. Управление потоком, создание модальных окон, плавающих элементов
9 часов  
Старт в любое время
курс
Разработка гибких макетов с помощью CSS Flex. Адаптивность, гибкие элементы менающие высоту и ширину
10 часов  
Старт в любое время
курс
Адаптивность страниц: резиновая верстка, флекс и медиазапросы для создания сайтов под разные устройства
7 часов  
Старт в любое время
курс
Основы верстки сайтов HTML, стилизация с помощью CSS, отладка кода, редакторы верстки и плагины
9 часов  
Старт в любое время
курс
Позиционирование в CSS с помощью Grid. Адаптивные сетки, управление расположением элементов, адаптив под разные экраны
6 часов  
Старт в любое время
курс
Знакомство с фреймворком Bootstrap для создания адаптивных сайтов. Использование готовых компонентов и собственных наработок
9 часов  
Старт в любое время
курс
Верстка контента на HTML и CSS. Стили, анимации, таблицы, медиа и фоны
18 часов  
Старт в любое время
курс
Изучение трансформации в CSS для создания движущихся блоков и анимаций в дизайнерских проектах
7 часов  
Старт в любое время
курс
Углубленное изучение Bootstrap. Создание собственных компонентов и утилит. Подключение отдельных компонентов и кастомизация
2 часа  
Старт в любое время