CSS Учебники

Уроки CSS предоставляют структурированный путь обучения стилизации и дизайну веба. Они охватывают свойства CSS3, техники макета и адаптивный дизайн, подходящие как для начинающих, так и для промежуточных веб-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании привлекательных и адаптивных веб-макетов. Наша интерактивная песочница CSS позволяет вам экспериментировать с различными стилями и видеть мгновенные визуальные результаты.

Блочная модель CSS

Блочная модель CSS

В этой лабораторной работе вы изучите основы блочной модели CSS, включая содержимое (content), внутренние отступы (padding), границу (border) и внешние отступы (margin), а также как управлять размерами элементов с помощью box-sizing.
CSS
Стилизация текста в CSS

Стилизация текста в CSS

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

Введение в CSS и подключение стилей

В этой лабораторной работе вы изучите основы CSS, включая создание внешнего файла стилей и его подключение к HTML-документу для изменения шрифта страницы.
CSSHTML
Основы CSS Layout

Основы CSS Layout

В этой лабораторной работе вы изучите основы CSS Flexbox для создания адаптивных и гибких веб-макетов.
CSS
Стилизация списков CSS

Стилизация списков CSS

В этой лабораторной работе вы научитесь стилизовать HTML-списки с помощью различных свойств CSS для создания горизонтальной навигационной панели.
HTMLCSS
Манипулирование DOM с помощью JavaScript

Манипулирование DOM с помощью JavaScript

В этой лабораторной работе вы изучите основы манипулирования Document Object Model (DOM) с помощью JavaScript, включая выбор элементов, изменение содержимого, установку атрибутов, а также создание/добавление новых элементов.
JavaScriptHTMLCSS
Основы CSS-селекторов

Основы CSS-селекторов

В этой лабораторной работе вы изучите основы CSS-селекторов, включая селекторы элементов, классов, ID, группировки и потомков для стилизации HTML-элементов.
CSS
Стилизация таблиц с помощью CSS

Стилизация таблиц с помощью CSS

В этой лабораторной работе вы научитесь стилизовать HTML-таблицы, используя различные свойства CSS, чтобы улучшить их читаемость и внешний вид.
HTMLCSS
Современные CSS-утилиты с Tailwind

Современные CSS-утилиты с Tailwind

В этой лабораторной работе вы изучите основы Tailwind CSS, CSS-фреймворка utility-first, стилизуя простой HTML-элемент. Вы добавите CDN и примените классы для цвета фона, цвета текста, отступов и компоновки.
CSSHTML
Цвета и фоны CSS

Цвета и фоны CSS

В этой лабораторной работе вы научитесь стилизовать элементы веб-страницы, применяя различные свойства CSS для цветов и фонов, включая установку цветов, добавление изображений и управление их положением и повторением.
CSSHTML
Респонсивный сайт 'Дом для питомцев' с использованием Flexbox

Респонсивный сайт 'Дом для питомцев' с использованием Flexbox

В оживленном городе Петвилль веб - разработчик Джордан получил задачу переделать сайт 'Дом для питомцев'.
CSS
Развертывание MobileNet с использованием TensorFlow.js и Flask

Развертывание MobileNet с использованием TensorFlow.js и Flask

В этом проекте вы познакомитесь с процессом развертывания предварительно обученной модели MobileNetV2 с использованием TensorFlow.js в веб - приложении на Flask. MobileNetV2 - это легкая глубокая нейронная сеть, используемая в основном для классификации изображений. TensorFlow.js позволяет запускать модели машинного обучения непосредственно в браузере, что позволяет создавать интерактивные веб - приложения. Flask, веб - фреймворк на Python, будет использоваться в качестве бэкенда для размещения нашего приложения. В конце этого проекта у вас будет работающее веб - приложение, которое классифицирует изображения в режиме реального времени с использованием модели MobileNetV2.
JavaScriptPythonHTMLCSS
CSS Box Model и Отступы

CSS Box Model и Отступы

В оживленном цифровом мире сайта 'Дом для питомцев', который посвящен предоставлению высококачественных услуг по уходу за питомцами, главный герой, Джордан, талантливый веб-разработчик, имеет задачу улучшить макет и дизайн сайта.
CSS
Разработка редактора Markdown с живым предварительным просмотром

Разработка редактора Markdown с живым предварительным просмотром

В этом проекте мы создадим простой веб-редактор Markdown, который предоставляет живой HTML-предварительный просмотр при наборе текста. С использованием библиотек таких как Ace Editor, marked и highlight.js вы разработаете интуитивно понятный редактор, который не только позволяет писать на Markdown, но и сохраняет данные между сессиями браузера и подсвечивает фрагменты кода в предварительном просмотре.
JavaScriptHTMLCSS
Реагирующий гибкий макет карточек

Реагирующий гибкий макет карточек

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

Дизайн макета овощей с использованием Flexbox

В этом проекте вы научитесь использовать свойства CSS Flexbox для создания макета свежих овощей в определенном стиле. В конце проекта вы сможете создать визуально привлекательный макет с использованием Flexbox, который является мощным инструментом для создания отзывчивых и динамических веб-дизайнов.
CSS
Основы CSS и селекторы

Основы CSS и селекторы

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

Взгляд на привлекательный фруктовый салат

В этом проекте вы научитесь создавать привлекательный по виду фруктовый салат с использованием CSS Flexbox. Цель - расположить фрукты одного цвета посередине соответствующих цветных досок, создавая гармоничное и эстетически приятное оформление.
CSS
  • Предыдущий
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 20
  • Следующий