CSS для новичков: Урок 1 — Введение

Что такое CSS и зачем он нужен?

CSS (каскадные таблицы стилей) — язык для стилизации HTML-объектов. Предполагается, что вы знакомы с HTML и знаете, что HTML-теги сами по себе не имеют стилей. Создать привлекательный веб-сайт, используя только HTML, невозможно. CSS позволяет задавать стили всем HTML-элементам. Изучив HTML и CSS, вы сможете создавать веб-сайты с множеством красиво оформленных элементов.

CSS — второй по значимости язык веб-разработки. Без HTML невозможно создавать объекты, а без CSS — добавлять к ним стили. Этот курс поможет вам создавать привлекательные сайты.

CSS позволяет описывать стили любых элементов: кнопок, текстовых полей, полей ввода пароля и других.

После изучения HTML и CSS вы сможете создавать полноценные сайты, но им будет не хватать функциональности. Для добавления функционала потребуется изучить JavaScript. Даже при разработке сайтов на Python, JavaScript необходим, поскольку он отвечает за пользовательский интерфейс и его функции.

План курса

В этом курсе мы изучим CSS, научимся создавать селекторы для выбора элементов, добавлять оформление HTML-тегов и разработаем простой веб-сайт на основе HTML и CSS. Все уроки, дополнительные материалы, код и домашние задания доступны на сайте [ссылка на сайт]. На сайте также есть редактор для написания CSS-кода.

Настройка текстового редактора

В этом уроке мы настроим текстовый редактор. Для написания кода можно использовать любой текстовый редактор. В этом курсе используется Atom, но вы можете использовать Visual Studio Code, Sublime Text, Блокнот, Notepad++, Brackets или любой другой удобный вам редактор.

Для работы с Atom перейдите на официальный сайт, скачайте и установите его. Установка проста.

После запуска откроется окно редактора. Сейчас мы ничего создавать не будем. Покажу, как настроить тему и подсветку синтаксиса в Atom. Зайдите в Preferences (Настройки), там выберите тему (например, темную) и формат подсветки кода. Подсветка синтаксиса важна для комфортной работы.

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

Что будем искать? Например,программа