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

Показать описание

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

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

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

Синтаксис языка:
CSS состоит из селектора и блока объявлений стилей. Селектор указывает на HTML-элемент, который мы хотим стилизовать. Блок объявлений содержит одно или несколько объявлений, разделенных точкой с запятой. Каждое объявление включает имя свойства CSS и значение, разделенные двоеточием – ключ и значение. Несколько объявлений CSS разделяются точкой с запятой, а блоки объявлений заключаются в фигурные скобки.

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

Способы применения стилей:
Существует три способа вставки таблицы стилей:
Внешний CSS
Внутренний CSS
Встроенный CSS

Комментарии CSS.
Комментарии CSS не отображаются в браузере, но они могут помочь понять исходный код. Комментарий начинается /* и заканчивается на */

На этом пока все. Если видео было полезным - не забудь подписаться.
Так же посмотри предыдущие видео на канале.