что конкретно делает grid 960?

Question

Я видел все эти CSS-фреймворки типа 'grid', и я до сих пор не совсем понимаю, что они делают.

Я понимаю, что они помогают вам быстро создать страницу, поскольку макет уже определен для вас, но делают ли эти рамки некоторые вещи БОЛЕЕ сложными?

Answer 1

Это зависит от того, как вы обычно используете CSS для настройки своих страниц. Они используют менее семантические классы («отступ-12» против «rail-content»), если это важно для вас, но они также решают множество проблем с макетом, с которыми люди сталкиваются.

Они заботятся о необходимости (в основном) поплавков, которые могут разрушать конструкции быстрее, чем ... ну, что-то быстрое.

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

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

Возьми их или оставь (я их оставил, но немного поиграл с ними)

РЕДАКТИРОВАТЬ: Я использовал 960 и план , около 8 месяцев назад или около того. Неясно, произошли ли значительные изменения с тех пор.

Answer 2

Идея состоит в том, чтобы перестать думать в терминах% s или пикселей и начать думать в терминах столбцов. Грид-системы автоматизируют реализацию позиционирования на основе столбцов. Мой любимый Fluid 960 - система сетки, которая растягивает свои столбцы до всей доступной ширины.

Answer 3

Grid 960 - это фреймворк CSS. Главным образом, это может помочь вам быстрее разработать макет вашей страницы.

Вы можете узнать больше об этом в этом уроке .

Наслаждайтесь!

Answer 4

Сетка 960 - это структура, которая должна быть реализована на начальном этапе проектирования. Это помогает как дизайнеру, так и разработчику создавать четко организованные интерфейсы. По моему опыту система сетки 960 (http://www.960.gs) очень помогла, поскольку она позволяет быстро создавать отформатированную страницу без перезаписи каких-либо файлов CSS независимо от того, что запрашивает клиент. Обычно я реализую такие стили CSS следующие

.marginLeft20 { margin-left: 20px; }

.oneColumn {
    float: left;
    width: 60px;
}

Это означает, что я могу сделать div с применением вышеуказанных классов

<div class="oneColumn marginLeft20">This is a oneColumn example</div>

Если вам нужна дополнительная информация о сетках, я бы порекомендовал http://www.960.gs

Answer 5

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

Answer 6

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

Берт делает отличную мысль о развертывании вашего собственного CSS и всех проблем с браузерами, с которыми вы сталкиваетесь. Это может сделать очень неприятно в зависимости от проекта, над которым вы работаете!

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