Азбука CSS. Ключевые понятия.

 Опубликовано 14.09.2017 в 21:57  Вебмастеру
Сен 142017
 

В процессе рассмотрения основ HTML пользователи рано или поздно приходят к изучению терминологии, используемой в CSS. Cascading Style Sheets призваны для составления описания визуального представления веб-сайта. Язык CSS имеет ряд принципиальных отличий от алгоритма HTML.

Всерьез и надолго

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

Изначально HyperText Markup Language был разработан с целью определения контента. Он не подразумевал опцию оформления подачи информации. После введения тега <font> и его всевозможных аналогов веб-разработчики всерьез забили тревогу.

Используя <h1>, они декларировали наличие заголовка. Чтобы эта часть текста отображалась определенным образом, в код страницы необходимо было включить <font>. Это действие следовало повторить на каждой странице проекта, что требовало немало ресурсов и повышало вероятность ошибки.

С внедрением терминологии Cascading Style Sheets все встало на свои места. Каскадные таблицы стилей прописываются в отдельном файле. Теперь для внесения корректив не нужно переписывать сотни страниц, достаточно поправить всего один источник кода. Так, css для начинающих предполагают набор несложных правил. Они оперируют селекторами тегов, классами, контекстными селекторами, псевдоклассами.

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

Лучшим примером практического применения псевдоклассов является обозначение на веб-странице гиперссылки. В неактивном состоянии она отображается иначе, нежели при наведении на нее курсора или после клика.

В помощь редактору

Современные каскадные таблицы стилей представляют собой запутанную схему с множеством ответвлений и сносок. Чтобы дополнять уже существующие и находить в них ошибки на помощь программисту приходят специальные приложения. Наиболее популярными и востребованными считаются программы CSS Lint, CSS Stats, CSS Shrink, ProCSSor.

Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar Custom avatar