CSS (cascading style sheets – "каскадные таблицы стилей") – считаются языком, который используют для оформления внешнего вида веб-страницы и сайта в целом. CSS можно применять только вместе с языком разметки (HTML), который задает структуру документа. Кроме того, CSS можно применять к XML-документам (SVG и XUL).
До появления каскадных таблиц стиль документа приходилось создавать с помощью тегов HTML. Код в тегах создавал множество неудобств и затруднял загрузку веб-страниц. Создание каскадных таблиц позволило разделить код разметки и код оформления. Это сделало документ более понятным для чтения и ускорило загрузку страниц.
Существует три способа задания стиля веб-страниц. Первый, устаревший и неудобный, предполагает запись стилей в тегах HTML. Второй способ в документе HTML между тегами <head></head>. Для этого стили заключаются между тегами <style><style>. Однако этот вариант сегодня используется редко.
Чаще всего применяют третий способ, при котором внешний файл с кодом CSS подключается к файлу с разметкой. Сделать это можно двумя способами. Оба предполагают размещение ссылки на внешний файл CSS опять между тегами <head></head>. В первом случае подключение происходит с помощью тега <link>, в котором прописывается атрибут href и путь к файлу, а во втором случае подключение внешнего файла происходит с помощью директивы import, которая размещается между тегами <style><style>.
Подключение внешних стилей выгоднее по двум причинам. Во-первых, ускоряется процесс загрузки страниц в браузере, что сокращает время ожидания новой информации. Во-вторых, отсутствует дублирующий код на страницах, который не только снижает скорость загрузки, но и может влиять на результаты поисковой выдачи.
На позиции сайта в выдаче и возможности его продвижения влияет валидность html- и css-кода. Роботам легче индексировать правильный код. Наличие ошибок в коде, включая код CSS, может привести к тому, что полезный контент не будет найдет ботом.
