Блог

Я начал использовать Blueprint CSS примерно в 8 утра по восточному времени этим утром, и у меня возникли следующие вопросы:

1. Когда мне использовать класс container?

2. Как я должен концептуально представлять контейнер?

3. Нужен ли контейнерным классам класс span? Почему или почему нет?

4. Нужен ли контейнерным классам последний класс? Почему или почему нет?

5. Может ли контейнер находиться внутри другого контейнера?

6. В чем смысл классов push / pull? Разве я не могу просто размещать объекты с помощью append / предпослать?

7. Если я использую класс с плавающей запятой, такой как .right, .left, нужно ли мне по-прежнему указывать span-x и last?

8. Как мне сделать строку выше?

9. Как мне расположить что-либо по вертикали в строке?

10. Как мне сделать так, чтобы корневой контейнер располагался на расстоянии 20 пикселей слева от страницы, а не по центру?

Когда мне использовать класс container? ( следующие 4 вопроса):

Просмотр исходного кода может многое показать вам. Это класс container:

 .container {width:950px;margin:0 auto;}
  

Это просто большая оболочка страницы. Большинство людей используют его один раз, чтобы обернуть весь HTML-код на странице так, чтобы он располагался по центру и имел ширину 950 пикселей.

В чем смысл классов push / pull? Разве я не могу просто размещать объекты с помощью append / предпослать?

добавление добавляет дополнение. нажатие / вытягивание «сдвигает» поля.

Если я использую класс с плавающей запятой, такой как .right, .left, нужно ли мне по-прежнему указывать span-x и last?

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

Как мне сделать строку выше?

Добавьте больше элементов в строку или придайте ей стиль height.

Как мне расположить что-либо по вертикали в строке?

Если вы придерживаетесь сетки, вы бы использовали append / предпослать, чтобы центрировать его на сетке. Если вы не придерживаетесь сетки, вы бы использовали любой типичный подход CSS (обычно margin: auto)

Как мне сделать так, чтобы корневой контейнер располагался на расстоянии 20 пикселей слева от страницы, а не по центру?

Вернитесь к вопросу № 1 и посмотрите на класс CSS. Измените это.

По большей части Blueprint и ему подобные являются довольно базовыми инструментами, как только вы освоитесь с ними (что вы и сделаете со временем). Его основная цель — разбить страницу на блоки и разобраться со всей логикой float для вас. Как только вы освоитесь с ним, вам, скорее всего, больше не понадобится фреймворк, и вы, как правило, создадите свой собственный по мере необходимости, чтобы соответствовать особенностям любого сайта, над которым вы работаете.