Руководство по CSS

CSS (Cascading Style Sheets) переводится как Каскадные Таблицы Стилей.

До CSS почти все атрибуты HTML-документов содержались в HTML-разметке (особенно внутри HTML-тегов); все цвета, шрифты, выравнивание элементов, границы, размеры и расстояния были явно описаны в HTML.

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

Наше руководство по CSS поможет вам шаг за шагом изучить основы языка CSS3, от базовых до сложных тем. Если вы новичок, начните с основного раздела и постепенно продвигайтесь вперед, изучая немного каждый день.

Что есть в этом руководстве

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

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

Помимо этого мы познакомимся с некоторыми расширенными функциями, представленными в CSS3, такими как градиент, эффект тени, двухмерные и трехмерные преобразования, альфа-прозрачность, а также метод создания эффекта перехода (transition) и анимации, flexbox, эффекты фильтров, медиазапросы и многое другое.

Базовые элементы CSS

1. Введение в CSS
2. Руководство по синтаксису в CSS
3. Руководство по селекторам в CSS
4. Руководство по свойству color в CSS
5. Руководство по свойству background в CSS
6. Руководство по свойству font в CSS
7. Руководство по стилизации текста в CSS
8. Руководство по ссылкам в CSS
9. Руководство по спискам в CSS
10. Руководство по таблицам в CSS
11. Руководство по блочной модели в CSS
12. Руководство по управлению размерами элементов в CSS
13. Руководство по свойству padding в CSS
14. Руководство по свойству border в CSS
15. Руководство по свойству margin в CSS

Продвинутые элементы CSS

1. Руководство по свойству outline в CSS
2. Руководство по свойству cursor в CSS
3. Руководство по свойству overflow в CSS
4. Руководство по единицам измерения в CSS
5. Руководство по визуальному форматированию в CSS
6. Руководство по свойству display в CSS
7. Руководство по свойству visibility в CSS
8. Руководство по свойству position в CSS
9. Руководство по свойству z-index в CSS
10. Руководство по свойству float в CSS
11. Руководство по выравниванию элементов в CSS
12. Руководство по псевдоклассам в CSS
13. Руководство по псевдоэлементам в CSS
14. Руководство по медиа-запросам в CSS
15. Руководство по спрайтам изображений в CSS
16. Руководство по свойству opacity в CSS
17. Руководство по селекторам атрибутов в CSS
18. Руководство по валидации в CSS

Расширенные функции CSS3

1. Руководство по свойству border в CSS3
2. Руководство по свойству color в CSS3
3. Руководство по свойству background в CSS3
4. Руководство по градиентам в CSS3
5. Руководство по свойству text-overflow в CSS3
6. Руководство по созданию тени в CSS3
7. Руководство по 2D transform-функциям в CSS3
8. Руководство по 3D transform-функциям в CSS3
9. Руководство по свойству transition в CSS3
10. Руководство по анимациям в CSS3
11. Руководство по многоколоночным макетам в CSS3
12. Руководство по свойству box-sizing в CSS3
13. Руководство по flexbox в CSS3
14. Руководство по фильтрам в CSS3
15. Руководство по медиа-запросам в CSS3
16. Руководство по разным свойствам в CSS3

Дополнительно

1. Списки анимируемых свойств в CSS
2. Руководство по безопасным шрифтам в CSS
3. Список ключевых слов для цветов в CSS