CSS (Cascading Style Sheets, каскадные таблицы стилей) — язык описания внешнего вида веб-страниц. Он отделяет оформление от содержимого: вёрстку, цвета, шрифты; повышает доступность и гибкость контента. CSS задаёт конкретный вид HTML в браузере. Это экономит время: стили можно написать один раз и подключить на многих страницах, а контент оптимизировать под разные устройства.

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

Полезно знать основы HTML: теги HTML задают структуру страницы, а CSS — её оформление. HTML структурирует контент, CSS форматирует его: можно менять цвет текста, фон, размер шрифта и многое другое. Руководство разбито на разделы: основы, свойства CSS и селекторы.

Основы CSS

В главе «Основы» вы познакомитесь с подключением CSS к HTML-документу и правилами синтаксиса. Также даны обзоры по тексту, шрифтам, ссылкам, таблицам, рамкам, внутренним отступам и полям. Рассматриваются и CSS-градиенты для плавных переходов цвета на фоне.

Гайды по CSS

В книге есть подробное руководство по Flexbox об одномерной вёрстке с примерами, а также список свойств CSS3 по категориям с краткими описаниями.

Селекторы

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

Свойства

Глава о свойствах CSS охватывает около 250 свойств — актуальных и устаревших — с примерами для самостоятельной проверки, советами и примечаниями.

В следующих главах раскрывается всё важное, что связано с CSS. Надеемся, вам понравится учиться с нами и вы найдёте полезные сведения.