CSS Учебники
Уроки CSS предоставляют структурированный путь обучения стилизации и дизайну веба. Они охватывают свойства CSS3, техники макета и адаптивный дизайн, подходящие как для начинающих, так и для промежуточных веб-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании привлекательных и адаптивных веб-макетов. Наша интерактивная песочница CSS позволяет вам экспериментировать с различными стилями и видеть мгновенные визуальные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьAWSDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxОбучение RHCSAОбучение RHCE in Enterprise LinuxОбучение LFCSShellGitCloudflareDockerKubernetesОбучение CKAОбучение CKADОбучение CKSAnsibleОбучение RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIAБаза данныхMySQLPostgreSQLRedisMongoDBSQLitePythonRustGolangJavaCC++Веб-разработкаНаука о данных
Блочная модель CSS
В этой лабораторной работе вы изучите основы блочной модели CSS, включая содержимое (content), внутренние отступы (padding), границу (border) и внешние отступы (margin), а также как управлять размерами элементов с помощью box-sizing.
CSS
Стилизация текста в CSS
В этой лабораторной работе вы изучите основы стилизации текста в CSS, включая настройку цвета текста, размера шрифта, насыщенности шрифта, выравнивания и межстрочного интервала.
CSS
Введение в CSS и подключение стилей
В этой лабораторной работе вы изучите основы CSS, включая создание внешнего файла стилей и его подключение к HTML-документу для изменения шрифта страницы.
CSSHTML
Основы CSS Layout
В этой лабораторной работе вы изучите основы CSS Flexbox для создания адаптивных и гибких веб-макетов.
CSS
Стилизация списков CSS
В этой лабораторной работе вы научитесь стилизовать HTML-списки с помощью различных свойств CSS для создания горизонтальной навигационной панели.
HTMLCSS
Манипулирование DOM с помощью JavaScript
В этой лабораторной работе вы изучите основы манипулирования Document Object Model (DOM) с помощью JavaScript, включая выбор элементов, изменение содержимого, установку атрибутов, а также создание/добавление новых элементов.
JavaScriptHTMLCSS
Основы CSS-селекторов
В этой лабораторной работе вы изучите основы CSS-селекторов, включая селекторы элементов, классов, ID, группировки и потомков для стилизации HTML-элементов.
CSS
Стилизация таблиц с помощью CSS
В этой лабораторной работе вы научитесь стилизовать HTML-таблицы, используя различные свойства CSS, чтобы улучшить их читаемость и внешний вид.
HTMLCSS
Современные CSS-утилиты с Tailwind
В этой лабораторной работе вы изучите основы Tailwind CSS, CSS-фреймворка utility-first, стилизуя простой HTML-элемент. Вы добавите CDN и примените классы для цвета фона, цвета текста, отступов и компоновки.
CSSHTML
Цвета и фоны CSS
В этой лабораторной работе вы научитесь стилизовать элементы веб-страницы, применяя различные свойства CSS для цветов и фонов, включая установку цветов, добавление изображений и управление их положением и повторением.
CSSHTML
Респонсивный сайт 'Дом для питомцев' с использованием Flexbox
В оживленном городе Петвилль веб - разработчик Джордан получил задачу переделать сайт 'Дом для питомцев'.
CSS
Развертывание MobileNet с использованием TensorFlow.js и Flask
В этом проекте вы познакомитесь с процессом развертывания предварительно обученной модели MobileNetV2 с использованием TensorFlow.js в веб - приложении на Flask. MobileNetV2 - это легкая глубокая нейронная сеть, используемая в основном для классификации изображений. TensorFlow.js позволяет запускать модели машинного обучения непосредственно в браузере, что позволяет создавать интерактивные веб - приложения. Flask, веб - фреймворк на Python, будет использоваться в качестве бэкенда для размещения нашего приложения. В конце этого проекта у вас будет работающее веб - приложение, которое классифицирует изображения в режиме реального времени с использованием модели MobileNetV2.
JavaScriptPythonHTMLCSS
CSS Box Model и Отступы
В оживленном цифровом мире сайта 'Дом для питомцев', который посвящен предоставлению высококачественных услуг по уходу за питомцами, главный герой, Джордан, талантливый веб-разработчик, имеет задачу улучшить макет и дизайн сайта.
CSS
Разработка редактора Markdown с живым предварительным просмотром
В этом проекте мы создадим простой веб-редактор Markdown, который предоставляет живой HTML-предварительный просмотр при наборе текста. С использованием библиотек таких как Ace Editor, marked и highlight.js вы разработаете интуитивно понятный редактор, который не только позволяет писать на Markdown, но и сохраняет данные между сессиями браузера и подсвечивает фрагменты кода в предварительном просмотре.
JavaScriptHTMLCSS
Реагирующий гибкий макет карточек
В этом проекте вы научитесь создавать гибкий макет карточек с использованием CSS Flexbox. Гибкий макет карточек - это распространенная модель дизайна, используемая на веб-страницах и в приложениях, где контент отображается в адаптивной и гибкой сеточной структуре.
CSS
Дизайн макета овощей с использованием Flexbox
В этом проекте вы научитесь использовать свойства CSS Flexbox для создания макета свежих овощей в определенном стиле. В конце проекта вы сможете создать визуально привлекательный макет с использованием Flexbox, который является мощным инструментом для создания отзывчивых и динамических веб-дизайнов.
CSS
Основы CSS и селекторы
В этом практическом занятии вы попытаетесь стать веб - разработчиком, которому поручено создать стильный веб - сайт для услуги по уходу за питомцами, используя основные техники и селекторы CSS.
CSS
Взгляд на привлекательный фруктовый салат
В этом проекте вы научитесь создавать привлекательный по виду фруктовый салат с использованием CSS Flexbox. Цель - расположить фрукты одного цвета посередине соответствующих цветных досок, создавая гармоничное и эстетически приятное оформление.
CSS
- Предыдущий
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 20
- Следующий