Полный глоссарий интернет-маркетинга
 
 
 

CSS (cascading style sheets)

 
 
Теги:
веб-разработка
E-commerce

CSS (cascading style sheets – «каскадные таблицы стилей») – считаются языком, который используется для оформления внешнего вида веб-страницы и сайта в целом. CSS можно применять только вместе с языком разметки (HTML), который задает структуру документа. Кроме того, CSS можно применять к XML-документам (SVG и XUL).

До появления каскадных таблиц стиль документа приходилось создавать с помощью тегов HTML. Код в тегах создавал множество неудобств и затруднял загрузку веб-страниц. Создание каскадных таблиц позволило разделить код разметки и код оформления. Это сделало документ более понятным для чтения и ускорило загрузку страниц.

В верхней части изображения пример написания селекторов CSS

CSS.png

 

Существует три способа задания стиля веб-страниц. Первый, устаревший и неудобный, предполагает запись стилей в тегах HTML. Второй способ в документе HTML между тегами <head></head>. Для этого стили заключаются между тегами <style></style>. Однако этот вариант сегодня используется редко.

Чаще всего применяют третий способ, при котором внешний файл с кодом CSS подключается к файлу с разметкой. Сделать это можно двумя способами. Оба предполагают размещение ссылки на внешний файл CSS опять между тегами <head></head>. В первом случае подключение происходит с помощью тега <link>, в котором прописывается атрибут href и путь к файлу, а во втором случае подключение внешнего файла происходит с помощью директивы import, которая размещается между тегами <style></style>.

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

На позиции сайта в выдаче и возможности его продвижения влияет валидность html- и css-кода. Роботам легче индексировать правильный код. Наличие ошибок в коде, включая код CSS, может привести к тому, что полезный контент не будет найдет ботом. 

 
 
Показать все термины (663)
 
Русский:
А Б В Г Д Е Ж З И К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Ю Я
 
English:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
 
Тесты - проверьте свои знания!