flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180kwork banner 468x60kwork banner 728x90kwork banner 930x180

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

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