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

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

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

Курс «Основы современной верстки» является базой для изучения основ верстки сайтов HTML и CSS. В этом уроке мы кратко расскажем о том, что узнаем на курсе и как эти знания можно применять на практике.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Научимся подключать Bootstrap к странице. Узнаем о разных способах подключения и инструментах для этого

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

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

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

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

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

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

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

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

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