Войти
Регистрация

Что такое CSS

Что такое CSS?

Здравствуйте, друзья! В этой статье постараюсь рассказать Вам о том, что такое css простыми словами.

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

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

Представьте себе, если бы все стили писались бы внутри HTML-кода. Все цвета текста, размеры шрифта писались бы внутри каждого элемента. А если у Вас на сайте 1000 страниц? Возникло бы много неудобств.

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

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

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

body {
   background:red;
}

Здесь у нас в блоке определений body выступает в роли селектора, т.е. мы задаем стиль тегу body, затем background - это свойство, которое задает фон, а вот red это уже цвет фона.

Как создать свой сайт и добавить в него красок? Ответ на этот вопрос Вы найдете уже в следующей статье основ CSS.

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

Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Статьи по CSS

1234
Бесплатный видеокурс

HTML и CSS для начинающих

Практический и бесплатный курс по основам HTML и CSS для начинающих. С этим курсом Вы сможете изучить базовые понятия верстки и стилей CSS. Курс с практическими уроками и заданиями, все видеоуроки последовательны и увлекательны. Я научу Вас всему, чему научился сам.

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?