4. Каскадные таблицы стилей css в web-документах. Обзор свойств css. Влияние свойств css на теги, файлы и на сайты. Динамические элементы стилей.

CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. Список базовых свойств:

margin, padding, border, background-color, color, font-family, font-size, float, background

background-attachment-устанавливает, должна ли фоновая картинка скролиться или должна быть зафиксирована в окне браузера.

Верхняя рамка - border-top. Краткий вариант доступа к свойствам border-top-width, border-top-style и border-top-color.

Нижняя рамка -border-bottom. Краткий вариант доступа к свойствам border-bottom-width, border-bottom-style и border-bottom-color.

Левая рамка - border-left. Краткий вариант доступа к свойствам border-left-width, border-left-style and border-left-color.

Правая рамка - border-right. Краткий вариант доступа к свойствам volume, border-right-style и border-right-color.

Шрифт – font. Краткий вариант записи свойств font-style, font-variant, font-weight, font-size, line-height и font-family.

Позиционирование - position

Форматирование:

Clear-Запрещает/разрешает элементу обтекать "floated" объекты.

Clip-Определяет область элемента, которая должна отображаться на странице.

Display-Изменяет базовые свойства элементов.

Float-Сдвигает элемент к правому или левому краю.

Height-Определяет высоту прямоугольной области вокруг элемента.

Overflow-Определят как отображать блочный элемент в случае, если его содержимое выходит за рамки родительского элемента.

Visibility-Управляет настройкой видимости элемента.

Width-Определяет ширину прямоугольной области вокруг элемента.

Списки-list-style-позволяет одновременно задать три параметра для маркеров пунктов списка: list-style-type, list-style-position и/или list-style-image.

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