-Цитатник

Красота природы - (6)

__августовский закат___ Что может быть прекрасней закатов в августе свето-представление&nb...

Дожди - (0)

Лето началось с дождей На улице отвратительная погода... А я забыл зонтик в другом городе, а п...

Правда про Христианство из уст батюшки. - (0)

Откровение священника. ЖЕСТЬ!!!          А ведь в чём-то он пр...

Про сутулость - (0)

Сутулость - как исправить. Упражнения для исправления сутулости

Еще пара анекдотов. - (3)

Анекдоты   В 2012 году, Медведев не столько перестанет быть президентом, сколько продо...

 -Поиск по дневнику

Поиск сообщений в avia-free

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.08.2011
Записей:
Комментариев:
Написано: 5846

FLEX-вёрстка в CSS

Вторник, 04 Октября 2016 г. 11:12 + в цитатник

В CSS3 появилась новая возможность просто делать вёрстку. Речь идёт о модуле (совокупности правил) названном FLEX.

В рамках одной статьи не получится полностью расписать как работает этот модуль, но и не хочется (по понятным причинам) тут всё это расписывать.

Цель поста - сообщить вам что есть flex-вёрстка. Я например не знал о ней. А она очень удобна, особенно для создания отзывчивых дизайнов. Я использовал блочную вёрстку, а для респонсивной вёрстки использовал сетку бутстрапа. В принципе вполне рабочее решение имеющее свои преимущества. Но если вы хотите развиваться, то нужно осваивать и новые возможности CSS3.

Модуль FLEX состоит из нескольких свойств. Одна группа свойств относится к элементу-родителю, вторая к дочерним элементам. При помощи этого модуля вы можете располагать элементы горизонтально или вертикально, что очень полезно. Также вы можете выставлять пропорции элементов, например столбец меню принять за 1, а столбцу контента дать значение 3, то есть получится пропорция 1 к 3.

Обязательно найдите в сети информацию по этому модулю CSS3 и изучите её.

Читайте также:

Рубрики:  Программирование/CSS
Метки:  
Понравилось: 1 пользователю



Трииночка   обратиться по имени Вторник, 04 Октября 2016 г. 13:06 (ссылка)
Спасибо за информацию!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 04 Октября 2016 г. 13:16ссылка
Заходите ещё!
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку