2010-12-16 10 views
6

Estoy buscando marcos css, principalmente para restablecimientos, estructurar mejor mis proyectos, etc.¿Qué es un sistema de cuadrícula CSS?

Encontré Html Boilerplate (que estoy usando). Ahora veo frameworks como blueprint y 960gs, reclaman un diseño basado en grid. ¿Podría alguien explicar qué es un diseño basado en la cuadrícula? ¿Como funciona?

Respuesta

11

Yo recomendaría que leas Which CSS Grid Framework Should You Use for Web Design? en NetTuts.

Va en profundidad y responde las preguntas que tiene, así como una comparación de algunos de los marcos de CSS que existen.

Básicamente equivalen a un enrejado que divide el espacio horizontal y vertical en unidades consistentes donde se pueden colocar texto, titulares, imágenes y publicidad.

Citado del enlace que adjunté con respecto a las cuadrículas de diseño de publicación impresa. Pero en el contexto del mundo de la red (CSS), los sistemas de grillas le permiten crear diseños de cuadrículas CSS complejos en lugar de diseños de tablas html.

+0

lo que son las diferencias entre la rejilla de fluido (http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design) y vista de cuadrícula (https://www.w3schools.com/css/css_rwd_grid .áspid) –

2

Conjunto de reglas de CSS predefinidas, con las que puede usar los nombres de clase para organizar elementos en cuadrículas de varios tamaños.

La manera más fácil de asimilar la idea es simplemente intentar usar algo como el modelo de 960gs.

2

Le facilita colocar cajas en cuadrículas.

Si quiere ver cómo funciona, le recomiendo que visite http://960.gs/ y haga clic en el botón 'mostrar cuadrícula' encima de las imágenes.

Cuestiones relacionadas