Селекторы и стили в CSS
Селекторы — это метки, которые позволяют идентифицировать элементы страницы и ссылаться на них . Каждый элемент имеет идентификатор типа, например абзацы выбираются с помощью тега <p>. Если мы создадим стиль метки, она будет применена ко всей странице.
Кроме того, каждому объявленному элементу может быть присвоен уникальный идентификатор (id) или класс (class) , который может быть связан с набором элементов. Это позволяет настраивать веб-компоненты один за другим или создавать наборы элементов, которые должны выглядеть одинаково. Классы и идентификаторы чувствительны к регистру и могут содержать цифры или специальные символы.
Свойства и значения в CSS
Каждый элемент, объявленный в таблице стилей, имеет одну и ту же структуру . Изменяемые свойства заключаются в фигурные скобки { } и объявляются со ссылкой на имя их атрибута. После этого необходимо написать символ двоеточия (:), а затем присвоенное значение. Каждый атрибут закрывается точкой с запятой (;).
Чтобы лучше это понять, давайте рассмотрим пример, в котором изменяется стиль текста абзаца. «P» относится к типу элемента, открывается ключ и изменяются атрибуты цвета, который будет красным, и ра солидный адрес электронной почты змера, который будет составлять 20 пикселей. Точка с запятой добавляется для закрытия оператора, а фигурная скобка закрывается для завершения оператора.
п {
цвет: красный;
размер шрифта: 20 пикселей;
}
New Call-to-action
Преимущества CSS
Как видите, код CSS очень прост и понятен, что в то время облегчало его изучение и быстро распространяло среди веб-разработчиков. CSS предлагает большие преимущества:
Визуал: можете ли вы представить, что просматриваете Интернет и читаете только обычный текст? Язык CSS позволяет управлять внешним видом веб-сайта и повышать его удобство использования.
Легко: CSS легко писать и интерпретировать. Любой разработчик может понять, что написал другой профессионал. Это также упрощает внесение изменений.
Быстро: язык CSS очень легкий, поскольку, поскольку это простой текст, он почти не занимает места. Это способствует быстрой зарядке.
Настраиваемость: позволяет настроить любую деталь веб-сайта, от самой общей до самой конкретной.
Адаптивный: предоставляет язык, необходимый для создания стилей, адаптирующихся к мобильным устройствам, таким как смартфоны и планшеты.
Совместимость: CSS3 в настоящее время совместим с большинством доступных веб-браузеров.
Многоразовое использование: код CSS можно использовать повторно снова и снова для создания разных веб-сайтов.