CSS Учебники
Уроки CSS предоставляют структурированный путь обучения стилизации и дизайну веба. Они охватывают свойства CSS3, техники макета и адаптивный дизайн, подходящие как для начинающих, так и для промежуточных веб-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании привлекательных и адаптивных веб-макетов. Наша интерактивная песочница CSS позволяет вам экспериментировать с различными стилями и видеть мгновенные визуальные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxОбучение RHCSAОбучение RHCE in Enterprise LinuxОбучение LFCSShellGitDockerKubernetesОбучение CKAОбучение CKADОбучение CKSAnsibleОбучение RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIAБаза данныхMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Веб-разработкаНаука о данных
Стилизация таблиц с помощью CSS
В этой лабораторной работе вы научитесь стилизовать HTML-таблицы, используя различные свойства CSS, чтобы улучшить их читаемость и внешний вид.
CSS
Стилизация текста в CSS
В этой лабораторной работе вы изучите основы стилизации текста в CSS, включая настройку цвета текста, размера шрифта, насыщенности шрифта, выравнивания и межстрочного интервала.
CSS
Стилизация списков CSS
В этой лабораторной работе вы научитесь стилизовать HTML-списки с помощью различных свойств CSS для создания горизонтальной навигационной панели.
CSS
Основы CSS-селекторов
В этой лабораторной работе вы изучите основы CSS-селекторов, включая селекторы элементов, классов, ID, группировки и потомков для стилизации HTML-элементов.
CSS
Современные CSS-утилиты с Tailwind
В этой лабораторной работе вы изучите основы Tailwind CSS, CSS-фреймворка utility-first, стилизуя простой HTML-элемент. Вы добавите CDN и примените классы для цвета фона, цвета текста, отступов и компоновки.
CSS
Основы CSS Layout
В этой лабораторной работе вы изучите основы CSS Flexbox для создания адаптивных и гибких веб-макетов.
CSS
Введение в CSS и подключение стилей
В этой лабораторной работе вы изучите основы CSS, включая создание внешнего файла стилей и его подключение к HTML-документу для изменения шрифта страницы.
CSS
Цвета и фоны CSS
В этой лабораторной работе вы научитесь стилизовать элементы веб-страницы, применяя различные свойства CSS для цветов и фонов, включая установку цветов, добавление изображений и управление их положением и повторением.
CSS
Блочная модель CSS
В этой лабораторной работе вы изучите основы блочной модели CSS, включая содержимое (content), внутренние отступы (padding), границу (border) и внешние отступы (margin), а также как управлять размерами элементов с помощью box-sizing.
CSS
Анимированные кнопки социального разделения с использованием CSS
В этой лаборатории вы научитесь создавать анимированные кнопки социального разделения с использованием HTML и CSS3. Эти кнопки используют библиотеку Font Awesome для иконок и стилизуются с использованием CSS для обеспечения гладкого эффекта перехода при наведении курсора. В конце этого руководства у вас будет набор красивых, адаптивных социальных кнопок, которые вы сможете интегрировать в любую веб-страницу.
CSS
3D Вращающийся куб
В этой лабораторной работе мы создадим 3D вращающийся куб с использованием HTML и CSS. Этот куб будет иметь яркие грани и будет вращаться бесконечно, создавая визуально привлекательный эффект. Мы проведем вас по каждому этапу процесса, чтобы помочь вам создать этот проект с нуля.
CSS
Поход на Запад в Небо
В этом проекте вы научитесь создавать анимированную последовательность с использованием CSS. Проект основан на истории группы учеников, которые отправились в путь к Западному Небу, чтобы найти буддийские скрипты. Однако, они были задержаны напополам демонами, и персонаж по имени Том использовал CSS, чтобы их спасти, позволив ученикам продолжить свое путешествие на Запад.
CSS
Создать визуально привлекательную визитку
В этом проекте вы научитесь создавать визитку пользователя с использованием HTML и CSS. Цель - создать визуально привлекательную и хорошо структурированную визитку, которую можно использовать для представления информации о пользователе.
CSS
Эффект анимации наведения курсора, похожий на вентилятор, с использованием CSS
В этом проекте вы научитесь создавать эффект, похожий на вентилятор, с использованием CSS. Поворачивая и масштабируя серию элементов div, вы сможете достичь динамичной и визуально привлекательной анимации, которая расширяется при наведении курсора мыши на элемент.
CSS
Респонсивный веб-дизайн для всех экранов
В этом проекте вы научитесь создавать адаптивный веб-дизайн, который адаптируется к разным размерам экранов. Цель - разработать веб-страницу, которая обеспечит комфортный пользовательский опыт как для пользователей десктопных компьютеров, так и для мобильных устройств.
CSS
Реактивный дизайн веб-страниц с использованием Gulp
В этом проекте вы научитесь реализовывать адаптивный макет для веб-страницы, аналогичный официальному веб-сайту Gulp.js. Вы будете использовать медиа-запросы для настройки макета и стилей веб-страницы в зависимости от размера экрана.
CSS
Расположение мест в кинотеатре
В этом проекте вы научитесь создавать расположение мест в кинотеатре с использованием CSS. Цель - разработать макет, включающий экран и зону посадки с определенными требованиями к интервалу.
CSS
Простой и красивый дизайн домашней страницы
В этом проекте вы научитесь создавать простой и красивый макет домашней страницы для сайта LabEx Knowledge Network. Цель - разработать эстетически привлекательную домашнюю страницу, которая эффективно представляет содержимое и функции сайта.
CSS
- Предыдущий
- 1
- 2
- 3
- 4
- 5
- 6
- Следующий