CSS Учебники
Уроки CSS предоставляют структурированный путь обучения стилизации и дизайну веба. Они охватывают свойства CSS3, техники макета и адаптивный дизайн, подходящие как для начинающих, так и для промежуточных веб-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании привлекательных и адаптивных веб-макетов. Наша интерактивная песочница CSS позволяет вам экспериментировать с различными стилями и видеть мгновенные визуальные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьAWSCybersecurity EngineerDevSecOpsКомпьютерные сетиCompTIAKali LinuxWiresharkNmapHydraRed Hat Enterprise LinuxОбучение RHCSAОбучение RHCE in Enterprise LinuxОбучение LFCSShellDevOps EngineerGitDockerKubernetesОбучение CKAОбучение CKADОбучение CKSAnsibleОбучение RHCE in AnsibleJenkinsCloudflareБаза данныхMySQLPostgreSQLRedisMongoDBSQLiteНаука о данныхБиг датаPythonGolangRustJavaCC++Веб-разработка
Сделайте форму удобной на маленьком экране
Создайте видимые подписи, встроенные и условные ограничения, адаптивное оформление и клавиатурный фокус для реальной локальной записи.
HTMLJavaScriptCSS
Создание Галереи Настоящих Фотографий
Создайте адаптивную фотовыставку с настоящими локальными изображениями, стабильными идентификаторами фото и видимым клавиатурным фокусом.
HTMLJavaScriptCSS
Создание веб-игры Whack-a-Mole
В этом проекте вы научитесь создавать игру Whack-a-Mole с использованием HTML, CSS и JavaScript. В игре нужно ударить по кротов, которые случайно появляются из ям в заданный временной лимит. Вы создадите необходимые файлы HTML, CSS и JavaScript и поэтапно реализуете игровую логику.
JavaScriptHTMLCSS
Применение стилей фона в CSS
Узнайте, как улучшить дизайн веб-страницы, применяя различные стили фона CSS, включая цвета, изображения, позиционирование и техники повторения.
CSSHTML
Применение селекторов потомков в CSS
Изучите, как использовать селекторы потомков в CSS для стилизации вложенных HTML-элементов, улучшая дизайн веб-страниц и понимание механизмов нацеливания селекторов.
CSSHTML
Создание веб-приложения «Крестики-нолики»
В этом проекте вы научитесь создавать игру «Крестики-нолики» с использованием HTML, CSS и JavaScript. «Крестики-нолики» — это игра для двух игроков, которые по очереди ставят X или O в сетке 3x3. Цель игры — выстроить три своих знака в ряд по горизонтали, вертикали или диагонали. Вы пошагово создадите необходимые файлы HTML, CSS и JavaScript и реализуете логику игры.
JavaScriptCSSHTML
Создание веб-приложения для таймера задач
В этом пошаговом проекте вы узнаете, как создать веб-приложение для таймера задач с использованием HTML, CSS и JavaScript. Это веб-приложение позволит пользователям добавлять задачи, запускать и останавливать таймеры для каждой задачи и удалять задачи. В конце проекта у вас будет полностью функциональное веб-приложение для таймера задач с современным и удобным для пользователя интерфейсом.
JavaScriptHTMLCSS
Создание сервиса сокращения URL-адресов с использованием Flask и MySQL
В этом проекте вы научитесь создавать простой сервис сокращения URL-адресов с использованием Flask и MySQL. Вы узнаете, как настраивать базу данных, проектировать веб-интерфейс и реализовывать функциональность для сокращения URL-адресов, поиска URL-адресов по тегам и просмотра аналитики. Проект прост в освоении и дает полное представление о веб-разработке на Python и управлении базами данных.
HTMLPythonMySQLCSS
Применение базовых селекторов CSS в веб-разработке
Изучите фундаментальные методы селекторов CSS для эффективной стилизации веб-элементов, включая селекторы тегов, классов и идентификаторов с примерами и наилучшими практиками.
CSSHTML
Создать приложение для заметок с использованием React
В этом проекте мы создадим простое приложение для заметок с использованием React. Приложение позволит пользователям добавлять, редактировать и удалять заметки. Мы разобьем разработку на несколько этапов, обеспечивая, чтобы каждый этап соответствовал определенным требованиям и добавлял важную функциональность.
ReactJavaScriptCSS
Создание веб-приложения для списка желаний на Рождество с использованием React
В этом проекте вы научитесь создавать веб-приложение для списка желаний на Рождество с использованием React. Приложение имеет красивый полноэкранный фон в стиле Рождества и очаровательную анимацию падения снега, создавая праздничное настроение. Пользователи могут добавлять желания на полупрозрачную стену желаний, и каждое желание представлено в виде открытки. Мы будем использовать React для фронтенда и CSS для стилизации и анимаций.
ReactJavaScriptCSS
Создание игры с пазлом с возможностью перетаскивания на React
В этом проекте мы создадим игру с пазлом с возможностью перетаскивания с использованием React. Это отличный проект для начинающих, чтобы познакомиться с компонентами React, управлением состоянием и обработкой взаимодействий пользователя. В конце проекта у вас будет функциональная игра с пазлом.
ReactJavaScriptCSS
Применить стили отступов в CSS
Изучите, как использовать свойства отступов CSS для управления расстоянием вокруг HTML-элементов, понять различные синтаксисы отступов и применить различные стили отступов для улучшения макета веб-страницы.
CSSHTML
Создайте CSS3-анимации с использованием функций тайминга
Изучите, как создавать гладкие и динамичные CSS3-анимации с использованием функций тайминга, исследуя эффекты наведения, свойства переходов и продвинутые методы анимации.
CSS
Создание и стилизация элементов div в HTML
Узнайте, как создавать, стилизовать и управлять элементами div в HTML, исследуя их блочные характеристики, фоновые цвета и методы позиционирования.
HTMLCSS
Создание HTML-таблиц с использованием базовых атрибутов
Узнайте, как создавать структурированные HTML-таблицы с использованием базовых тегов, заголовков, объединения ячеек и техник стилизации для эффективного макета веб-страницы и представления данных.
HTMLCSS
Создайте тени коробки с помощью CSS
Изучите, как создавать потрясающую визуальную глубину и трехмерность в веб-дизайне, освоив приемы создания теней коробки с использованием CSS, начиная от базовых теней до сложных многослойных эффектов.
CSS
Создать макет с фиксированным позиционированием в CSS
Изучите, как реализовать фиксированное позиционирование в CSS для создания статических элементов, которые остаются на месте при прокрутке, с примерами боковых реклам и навигационных макетов.
CSSHTML
- Предыдущий
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 20
- Следующий