Каскадные таблицы стилей для сайтов

Каскадные таблицы стилей для сайтов

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)

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

Однако, такое неудобство было очень быстро исправлено. В 1996 году был создан CSS или каскадные таблицы стилей. Главная задача- убрать все неточности при отображении сайта в браузера. Чтобы это произошло сделали основную функцию стилей описательную. Расположение строк, отступы, цвета линий и многое другое прописывалось в специальном документе. Практически любой браузер при использовании таблиц мог отображать ресурс как полагается.

В то время таблицы стилей применяли для разметок HTML. Позже к XHTML и к любым XML документам. Стандартный используемый язык- Английский. Причём, создатели сделали новинку максимально подходящей под основной код страниц. Чтобы функция действовала качественно надо было внедрить описание прямо в текст. Делалось это достаточно легко, для каждого тега приписывали рядом свойства. Браузер, при открывании, считывал все параметры и отображал всё в точности с описанием. 

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

Стоит немного рассказать о параметрах, которые используют для отображения страниц. Position отсутствовал в первой версии каскадных таблиц, но во всех остальных версиях имеется. Его главная задача- упорядочить расположение всех объектов на странице относительно границ браузера. Это может быть текст, таблицы, видео, картинка, либо какие- либо другие данные. Background полностью ответственен за фон. Причём в данном параметре указывается цвета фона на всех страницах.

Если необходимо выделить текст, либо расположить какой- либо объект на расстоянии от другого, то здесь использует функцию padding. Float задаёт параметры, по которым будет происходить выравнивание элемента. Причём необходимо указать и относительно чего будет происходить выравнивание. Чтобы предмет располагался на определённом расстоянии от границы применяют margin. Что касается border, то его главная функция- установка толщины размера линий и отступов.

Метки: дизайн, css