Что такое фреймворк CSS?

Question

Может кто-нибудь рассказать мне о CSS frameworks и как их использовать?

Answer 1

Из Википедия :

Фреймворк CSS - это заранее подготовленная библиотека, предназначенная для упрощения и более совместимого со стандартами стиля веб-страниц с использованием каскадного стиляЛисты языка.Как и библиотеки языков программирования и сценариев, фреймворки CSS обычно включаются в виде внешних листов .css, на которые есть ссылки в HTML.Они предоставляют ряд готовых вариантов оформления и размещения веб-страницы.Хотя многие из этих платформ были опубликованы, некоторые авторы используют их в основном для быстрого создания прототипов или для обучения, и предпочитают «создавать вручную» CSS, подходящий для каждого опубликованного сайта, без затрат на проектирование, обслуживание и загрузку из-за наличия множества неиспользуемых функций.в стилистике сайта. [29]

На SO имеется много материалов (какой фреймворк использовать, использовать ли его вообще ....)

Answer 2

CSS-фреймворки - это просто CSS-файлы.Они предоставляют предварительно написанный CSS, который вы применяете к своему HTML с помощью имен классов, определенных каркасом в его файле CSS.

• Некоторые каркасы ориентированы на одну конкретную задачу, например макет страницы. 960.gs является хорошим примером этого.
• Некоторые рамки более обширны и включают в себя предварительно написанный CSS для типографики, макета форм, стилей печати и т. Д. Blueprint является хорошим примером этого.

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

Answer 3

CSS-фреймворки затрагивают некоторые или все из следующих аспектов:

1. Сброс браузера.Это возвращает все браузеры к одним и тем же базовым стилям, так что вы не удивитесь, когда что-то по-разному будет отображаться в разных браузерах.Они могут предоставить заранее подготовленные стили, которые позволят вам достичь определенных макетов простым способом.К ним относятся столбцы, а также методы построения сетки.

2. Дизайн.Некоторые предоставляют цветовые схемы, выбор шрифта, типографику (межстрочный интервал и т. Д.), Чтобы быстро придать вашей странице привлекательный дизайн.

Answer 4

Важно понимать, что вы можете смешивать и сопоставлять - при условии, что вы осторожны.

Например, мне не особо нравится Grid Framework YUI (недостаточно гибкий для того, что мне нужно) - и ямне не особенно нравится типография Blueprint (потому что я не понимаю, что она делает, и я думаю, что она пытается сделать слишком много).

Поэтому я использую YUI CSS Reset с YUI Типография и Сетка чертежей !

Answer 5

Предопределенная функциональность, которая была создана, чтобы служить руководством для создания чего-то полезного.Существуют разные фреймворки с разной функциональностью, часто многоуровневая структура (инструменты программирования), указывающая, какую функциональность можно создать и как они будут работать.

Answer 6

CSS-фреймворки - это заранее подготовленные библиотеки, которые предназначены для более простого и более стандартизированного стиля веб-страниц с использованием языка Cascading Style Sheets.

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

Примеры популярных CSS-фреймворков:

• 960 Grid System
• Blueprint
• Bootstrap
• Кардинал
• Каскадные рамки
• Chopstick
• Columnal
• Emastic
• Floatz
• Fluidable
• Фонд
• Gumby Framework
• чернила
• Jaidee Framework
• KNACSS
• Kube
• Куле CSS Ленивый
• Malo
• Pure
• Адаптивная сеточная система
• Семантический интерфейс
• Skeleton
• UIKit
• Unsemantic
• YAML
• Еще одна CSS Grid System
• Сетки YUI CSS
• Засс

Answer 7

CSS-фреймворк - это «оболочка» для всех стилей и макетов на ваших страницах разметки (HTML и т. Д.).

Примером может быть: http://www.blueprintcss.org/