CSS макеты

CSS макетыДобрый день!
Сегодня хотел бы обсудить с вами виды css макетов, их плюсы и минусы.
Обычно при верстке вопрос о выборе вида макета очень актуальный.

Макет с фиксированной шириной
Данный css макет отличается основной областью для содержания, ширина которого имеет определенное значение также не зависит от разрешения экрана пользователя.
Раньше ширина макета была 760 px.
Плюсы css макета с фиксированной шириной
1) Контейнер для основного содержания жестко зафиксирован
2)Использовать данные макеты бывает полезно, если вам надо создать выпадающее меню и т.д.
Получается для дизайнерских эффектов довольное полезное решение
Минусы макета с фиксированной шириной
1) Сайт шириной в 760 px в современном мире может смотреться неприглядно
2) Небольшая ширина основного контейнера может ограничивать большое количество столбиков для верстки
Резиновый макет
Данный вид css макета получается если не задавить ширину(По-умолчанию ширина будет 100%)
Учета отступов и границ не будет, и в браузере макет будет, занимают всю видимую часть экрана.
Плюсы резинового макета
1) При грамотной верстке данный вид css макета позволяет достичь универсальности в отображении, не взирая на ширину браузера
2)Резиновый макет позволяет использовать всю ширину окна
Минусы резинового макета
1) Желание заполнить всё место на экране пользователя может сыграть с вами в злую шутку.
Старайтесь использовать макет по назначению, желательно иметь очень весомые аргументы для использования данного вида css макета.
Эластичный макет
При использовании данного css макета, размер основного контейнера задается в em.
Em прямо пропорционально размеру текста, и при увеличении текста, размеры, заданные в em тоже увеличиваются.
Плюсы эластического макета
1) При правильном понимании принципов макета и следовании им, получается очень стабильная верстка
Минусы эластического макета
1) Обычно применение эластического макета довольно сомнительный вопрос
2)Если не ограничить ширину контейнера нашего макета, то это выльется в беду для пользователя
Как вы увидели, каждый из представленных макетов имеет свои плюсы и минусы.
Желательно верстать, используя тот css макет, принципами которого вы овладели.
На сегодня хватит о верстке.
Жду критику)

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*