На самом деле технология 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 работу с которыми мы с вами будем рассматривать на протяжении всего этого курса и более детально уже будем погружаться в то, как работать с селекторами, свойствами и значениями. Освоив это мастерство вы сможете самостоятельно находить нужные свойства, которые вы будете применять к каким-то элементам и находить решения для того или иного оформления, которое вы хотите применить к элементам на веб-странице.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти