CSS Каскажные таблицы стилей

CSS (Cascading Style Sheets – каскадные таблицы стилей) – язык, отвечающий за визуальное представление документа пользователю, где документ – это страница, написанная с помощью языка разметки, т.е. HTML.

Способы подключения стилей
Инлайново. Это означает, непосредственно в html-документе для конкретного тега с помощью атрибута style.
Через тег “style”. Этот тег прописывается в рамках контейнера . Тегов style может быть несколько. Тег закрывающийся, и написание стилей в нем происходит как в обычном .css файле.
Подключение внешних файлов стилей с помощью тега

Инлайново

С помощью тега “style”

С помощью тега link

Селекторы
* - обращается ко всем элементам.
Имя тега (пример, div) – все теги с таким именем.
Класс (.class) – все элементы с таким классом.
Идентификатор, id (#id) – идентификатор может использоваться на странице только один раз!
Селектор атрибута ([attr=“value”], [attr]) – все элементы с таким атрибутом
Селекторы отношений (div + div, div ~ div, div > div)

Селекторы отношений
ul > li – стили применятся к li, которые являются непосредственными дочерними элементами ul.
div + div – стили применятся к первому правому соседу.
p ~ p – стили применятся ко всем правым соседям.

Вариации селекторов атрибута
[class^=“val”] – класс начинается с “val”.
[class|=“val”] – класс равен или начинается с “val-”.
[class*=“val”] – класс содержит “val” внутри значения.
[class~=“val”] – “val” через пробел.
[class$=“val”] – “val” в конце.

Специфичность селекторов