Селекторы. Свойства. Значения. 3 кита CSS.


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

Для того, чтобы освоить CSS, нам нужно разобраться в трех базовых понятиях. Я бы назвал эти понятия как "3 кита CSS". 

Что же это за 3 базовых понятия?

Во-первых - это селекторы, во-вторых - это свойства и в-третьих - это значения.

Давайте в этом видео разберемся, что значит каждое из этих понятий. 

Селекторы

Это название происходит с английского select - выбирать и отвечает на вопрос "Какие элементы мы собираемся изменить".

Свойства

Свойства - это сами стили, которые будут применяться к элементу. Они отвечают на вопрос "Какой параметр оформления нужно будет изменить?". Возможно, это будет цвет, возможно, это будет размер или позиция или еще что-то.

Тот параметр, который мы с вами будем менять - это и есть свойство.

Значения

Наконец, последний "кит" последнее базовое определение CSS - это значения. Это определение отвечает на вопрос "Какое конкретное значение будет принимать тот или иной параметр или свойство?".

Каждое свойство имеет значение в CSS. Например, цвет имеет значение конкретного цвета, который будет выставлен, например, красный цвет. Свойство размер имеет конкретное значение, например, 18 пикселей. Это и есть то самое понятие "значение". 

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

Разделителем между свойством и значением является знак двоеточие. А разделителем между парой свойством и значением является знак точка с запятой.

Выглядеть это может следующим образом:

селектор {
    свойство1: значение1;
    свойство2: значение2;
    ...
}

По сути, CSS - это просто набор селекторов, свойств и их значений. 

Исключение, когда нам могут не понадобиться селекторы - это тогда, когда мы с вами указываем стили CSS с помощью атрибута style.

Например:

<a style="свойство1: значение1; свойство2: значение2;"></a>

В этом случае селектор нам не понадобиться, т.к. и так уже известно к какому элементу на веб-странице будут применены эти самые стили. К тому элементу, к которому добавлен этот атрибут style. 

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

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