HTML-страницы, к которым могут применяться стили CSS, могут содержать огромное количество элементов.
Это могут быть:
+ Текст (вполоть для каждой буквы, каждого абзаца и.т.д.)
+ Изображения
+ Таблицы (каждая их строка, столбец или ячейка, и.т.д.)
+ Списки
+ и.т.д.
В общем, все эти и многие другие элементы, которые только можно видеть на веб-странице, можно оформлять и менять их внешний вид с помощью технологии CSS. Некоторые из них вы можете видеть на изображении ниже, они выделены красными прямоугольниками.
Но, для того, чтобы применить какие-то конкретные стили, нужно сообщить браузеру, к какому элементу они будут применяться.
В технологии CSS это можно сделать с помощью так называемых селекторов.
Селекторы ( от англ. select - выбирать) - это элементы каскадной таблицы стилей CSS, которые указывают на тот элемент на веб-странице, к которому должны будут применяться стили.
Например, для того, чтобы выделить какой-то абзац в тексте красным цветом, в CSS-файле нужно с помощью селектора указать на него.
В CSS селекторы располагаются самой первой составляющей стиля.
Синтаксис здесь следующий:
селектор { стили, которые будут применяться к элементу выбранному этим селектором }
Сначала идет указание селектора, а за ним, уже в фигурных скобках, следуют стили, которые будут применяться к выбранному с помощью селекторов элементу.
По-сути, весь CSS-файл и состоит из таких конструкций, указания селекторов и стилей, которые к ним относятся.
селектор1 { стили } селектор2 { стили } селектор3 { стили } и.т.д.
Надеюсь, что общий смысл этого понятен. Впрочем, при дальнейшем изучении технологии CSS, все должно встать на свои места.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти