CSS для начинающих — это практическое введение в оформление HTML, состоящее из девяти пошаговых лабораторных работ. Сначала вы создадите и подключите внешнюю таблицу стилей, а затем освоите набор селекторов и свойств для текста, цветов, фонов, интервалов, размеров и распространенных элементов страницы.
Каждая лабораторная работа посвящена небольшому визуальному изменению, которое можно сразу проверить в окне предварительного просмотра. Курс ведет от основ CSS к Flexbox, горизонтальной навигации из списка, более читаемым таблицам и завершается знакомством с утилитарными классами Tailwind CSS, подключенными через CDN.
Чему вы научитесь
После завершения курса вы сможете:
- Создавать внешнюю таблицу стилей, подключать ее к HTML и выбирать содержимое по элементу, классу, ID, группе и вложенности
- Оформлять текст с помощью цвета, размера в пикселях, насыщенности, выравнивания, высоты строки и семейства шрифтов
- Применять шестнадцатеричные и RGB-цвета, фоновые изображения, параметры повторения и позиционирование фона
- Понимать ширину содержимого, внутренние отступы, границы, внешние отступы и
box-sizing: border-boxв блочной модели CSS - Создавать простые Flexbox-макеты с управлением направлением, распределением, выравниванием и переносом
- Преобразовывать список в горизонтальную навигацию и повышать читаемость таблиц с помощью границ, отступов, заголовков и выравнивания
- Подключать Tailwind CSS через CDN и сочетать базовые утилиты фона, текста, внутренних отступов и Flexbox
Для кого этот курс
Курс предназначен для людей, впервые изучающих CSS, для тех, кто уже знаком с HTML и хочет оформлять простые страницы, а также для разработчиков, которым нужно кратко повторить основные механизмы стилизации.
Предварительные требования: Рекомендуется базовое знакомство с элементами и атрибутами HTML. В лабораторных работах предоставлены готовые HTML-файлы, но знание head, body, div, списков, таблиц, классов и ID поможет сосредоточиться на CSS.
Учебная среда: Все девять лабораторных работ выполняются в браузерной WebIDE на базе Ubuntu 22.04 с подготовленными файлами проекта и окном Web 8080. Вы будете редактировать HTML и CSS и обновлять или открывать предпросмотр, чтобы видеть каждое изменение оформления.
Часто задаваемые вопросы
Нужно ли знать HTML до начала курса?
Продвинутый уровень не требуется, но основы полезны, поскольку CSS выбирает и оформляет структуру HTML. Упражнения сосредоточены на CSS и обычно предоставляют готовую разметку, а не подробно обучают созданию HTML-документов.
Создам ли я полноценный сайт или портфолио?
Нет. Курс состоит из девяти узконаправленных пошаговых лабораторных работ без итогового проекта и самостоятельных задач. Вы будете вносить конкретные изменения в подготовленные страницы, чтобы наблюдать поведение отдельных селекторов и свойств.
Обучает ли курс адаптивному веб-дизайну?
Только на вводном уровне. Лабораторная работа по Flexbox рассматривает направление, выравнивание, распределение и перенос, полезные для гибких макетов, но не включает медиазапросы, CSS Grid, контрольные точки или полный подход mobile-first.
Насколько подробно рассматривается Tailwind CSS?
Одна лабораторная работа подключает Tailwind через CDN и использует небольшой набор утилит для фона, текста, внутренних отступов и Flexbox. Установка с инструментом сборки, конфигурация, адаптивные варианты и состояния, проектирование компонентов и оптимизация для продакшена не рассматриваются.
