CSS Учебники
Уроки CSS предоставляют структурированный путь обучения стилизации и дизайну веба. Они охватывают свойства CSS3, техники макета и адаптивный дизайн, подходящие как для начинающих, так и для промежуточных веб-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании привлекательных и адаптивных веб-макетов. Наша интерактивная песочница CSS позволяет вам экспериментировать с различными стилями и видеть мгновенные визуальные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьKali LinuxDevOps EngineerCybersecurity EngineerБаза данныхНаука о данныхRed Hat Enterprise LinuxCompTIADockerKubernetesPythonGitShellNmapWiresharkHydraJavaSQLitePostgreSQLMySQLRedisMongoDBGolangC++CJenkinsAnsiblePandasNumPyscikit-learnMatplotlibВеб-разработкаHTMLJavaScriptReact
Цвета и фоны CSS
В этой лабораторной работе вы научитесь стилизовать элементы веб-страницы, применяя различные свойства CSS для цветов и фонов, включая установку цветов, добавление изображений и управление их положением и повторением.
CSS
Основы CSS-селекторов
В этой лабораторной работе вы изучите основы CSS-селекторов, включая селекторы элементов, классов, ID, группировки и потомков для стилизации HTML-элементов.
CSS
Введение в CSS и подключение стилей
В этой лабораторной работе вы изучите основы CSS, включая создание внешнего файла стилей и его подключение к HTML-документу для изменения шрифта страницы.
CSS
Стилизация списков CSS
В этой лабораторной работе вы научитесь стилизовать HTML-списки с помощью различных свойств CSS для создания горизонтальной навигационной панели.
CSS
Стилизация текста в CSS
В этой лабораторной работе вы изучите основы стилизации текста в CSS, включая настройку цвета текста, размера шрифта, насыщенности шрифта, выравнивания и межстрочного интервала.
CSS
Основы CSS Layout
В этой лабораторной работе вы изучите основы CSS Flexbox для создания адаптивных и гибких веб-макетов.
CSS
Современные CSS-утилиты с Tailwind
В этой лабораторной работе вы изучите основы Tailwind CSS, CSS-фреймворка utility-first, стилизуя простой HTML-элемент. Вы добавите CDN и примените классы для цвета фона, цвета текста, отступов и компоновки.
CSS
Стилизация таблиц с помощью CSS
В этой лабораторной работе вы научитесь стилизовать HTML-таблицы, используя различные свойства CSS, чтобы улучшить их читаемость и внешний вид.
CSS
Блочная модель CSS
В этой лабораторной работе вы изучите основы блочной модели CSS, включая содержимое (content), внутренние отступы (padding), границу (border) и внешние отступы (margin), а также как управлять размерами элементов с помощью box-sizing.
CSS
Создать макет с фиксированным позиционированием в CSS
Изучите, как реализовать фиксированное позиционирование в CSS для создания статических элементов, которые остаются на месте при прокрутке, с примерами боковых реклам и навигационных макетов.
CSSHTMLJavaScript
Создайте CSS3-анимации с использованием ключевых кадров
Изучите создание динамических веб-анимаций с использованием CSS3-ключевых кадров, исследуя синтаксис, свойства и продвинутые методы, чтобы придать веб-элементам жизнь с гладкими, интерактивными эффектами движения.
CSSHTMLJavaScript
Создание веб-приложения «Крестики-нолики»
В этом проекте вы научитесь создавать игру «Крестики-нолики» с использованием HTML, CSS и JavaScript. «Крестики-нолики» — это игра для двух игроков, которые по очереди ставят X или O в сетке 3x3. Цель игры — выстроить три своих знака в ряд по горизонтали, вертикали или диагонали. Вы пошагово создадите необходимые файлы HTML, CSS и JavaScript и реализуете логику игры.
CSS
Создание HTML-таблиц с использованием базовых атрибутов
Узнайте, как создавать структурированные HTML-таблицы с использованием базовых тегов, заголовков, объединения ячеек и техник стилизации для эффективного макета веб-страницы и представления данных.
CSSHTMLJavaScript
Создайте веб-приложение с каруселью Swiper
В этом проекте вы научитесь создавать веб-приложение с каруселью Swiper, которое имеет привлекательный дизайн карусели с космическим тематическим содержимым. Приложение позволит пользователям перемещаться между различными слайдами и просматривать карточки с интересными фактами о Вселенной.
CSS
Создание элементов HTML-форм с различными типами ввода
Узнайте, как создавать интерактивные HTML-формы с различными типами ввода, включая текстовые поля, переключатели, флажки, загрузку файлов и кнопки отправки.
CSSHTMLJavaScript
Создайте AJAX-запросы с использованием XMLHttpRequest
Изучите реализацию AJAX-запросов с использованием XMLHttpRequest, понять асинхронное общение и эффективно обрабатывать ответы сервера при веб-разработке.
HTMLJavaScriptCSS
Применение относительного позиционирования в CSS
Изучите, как использовать относительное позиционирование в CSS для управления макетом изображений и элементов, создавая гибкие и динамичные веб - дизайны с точным расположением элементов.
CSSHTMLJavaScript
Применение селекторов потомков в CSS
Изучите, как использовать селекторы потомков в CSS для стилизации вложенных HTML-элементов, улучшая дизайн веб-страниц и понимание механизмов нацеливания селекторов.
CSSJavaScriptHTML
- Предыдущий
- 1
- 2
- 3
- 4
- 5
- 6
- Следующий