Руководство по 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

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