Сергей Дмитриевский | IT

Главные понятия в CSS



Итак, после того, как ты научился описывать структуру сайт с помощью html, нужно научиться стилизовать нашу страницу.



За визуальное отображение страницы в web разработке отвечает технология CSS — язык для описания внешнего вида.



Самое важно, что нужно знать про CSS 👇



1️⃣ Селектор (selector)



Селект от английского — выбирать. С помощью селекторов мы выбираем, к какому html элементу будет применяться правило.



Селекторы в css бывают разные. Основные это селектор по тегу tagname, по id #id и по классу .className.



Под разные ситуация есть разные селекторы. Всего их около 30 🤯 Но знать все необязательно.



2️⃣ Объявление (declaration)



Объявление — это сочетание css правила и его значения, разделенных :.



Например, объявление font-size: 32px;.



Здесь font-size — это правило, а 32px — значение. Все вместе — объявление.



Важно запомнить структуру объявления. Разных правило и наборов их значение — огромное количество: работа со шрифтами, фон, анимации, отступы, позиционирование, лейаут и многие другие правила.



3️⃣ В совокупности 1+2 дают CSS правило



Это так и говорят разработчики: описать CSS правила.



h1 {

font-size: 32px;

color: red;

}



Внутри правила может быть сколько угодно объявление.



Это минимальная теория по CSS, которую тебе нужно знать.



Всевозможные селекторы и объявления будут изучаться на практике. Это самый действенный способ.



Надеюсь, что было полезно🚀



Твой ментор,



Сергей