Быстрая CSS-верстка шаблонных элементов

Бесплатная библиотека готовых CSS-стилей от web-студии VOLEGO.RU для быстрой верстки макетов, шаблонов страниц и декорирования элементов HTML-разметки. Селекторы, описанные в микрофреймворке полностью свободны для модификации, копирования и использования.

Выравнивание элементов

Выравнивание и позиционирование элементов - начальный этап разметки верстки макета любой web-страницы. Для ускорения этого процесса, в css-фреймворке «MyCSS» введен ряд универсальных css-селекторов.

Горизонтальное выравнивание элементов

CSS-селекторы горизонтального выравнивания задаются для родительского контейнера набора элементов для выравнивания текста и межстрочных элементов.

v_justify

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

v_left

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

v_center

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

v_right

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

Вертикальное выравнивание элементов

Данные css-селекторы для вертикального выравнивания применяются для каждого из элементов, набор которых необходимо выровнять по вертикали одним из трех предложеных способов:

v_inb_top
По верху
v_inb_top
По верху
По верху
v_inb_top
По верху
По верху
По верху
v_inb_top
По верху
По верху
v_inb_top
По верху

Допустим и такой, упрощенный, вариант записи, при котором селектор v_inb является первоначально-наследуемым для всех селекторов вертикального выравнивания :

v_inb
По верху
v_inb
По верху
По верху
v_inb
По верху
По верху
По верху
v_inb
По верху
По верху
v_inb
По верху

Выравнивание по центру набора блоков задается при помощи селектора v_inb_middle:

v_inb_middle
По центру
v_inb_middle
По центру
По центру
v_inb_middle
По центру
По центру
По центру
v_inb_middle
По центру
По центру
v_inb_middle
По центру

Выравнивание по нижнему краю блоков задается при помощи селектора v_inb_bottom:

v_inb_bottom
По низу
v_inb_bottom
По низу
По низу
v_inb_bottom
По низу
По низу
По низу
v_inb_bottom
По низу
По низу
v_inb_bottom
По низу
Показать CSS-код

Оставить отзыв или сообщение




Код защиты

Мы искренне хотим сделать максимально-полезный ресурс для как можно большего числа web-разработчиков.

Будем признательны за любой отзыв, совет, предложение или идею о том как нам еще улучшить наш проект, а так же за ссылку на наш сайт:

http://mycss.volego.ru