Zusammenfassung der Ressource
Grid System
- ayuda a alinear elementos de página basados
en columnas y filas secuenciadas
- divide una página en pequeños segmentos.
- (n / 12) * 100%
- Unidad de medida son las columnas
- n es el # de columnas que ocupará la caja actual,
12 es el número total de columnas.
- Elementos
- Container
- Etablece el ancho de toda la grid. El ancho del
container generalmente es del 100%, pero también
es posible que se desee establecer un ancho máximo
para pantallas más grandes.
- Row
- evitar que las columns dentro de él se
desborden en otras rows.
- Columns
- contener a los elementos que queremos
mostrar en nuestro sitio web.
- Gutters
- Tipos
- Grid Manuscrita
- Grilla más básica, está hecha de un rectángulo que
define los márgenes del formato.
- Grilla de Columnas
- Está dividida en columnas y es el tipo de grilla más usada
- Grilla Modular
- Conformada de filas y columnas que no solo le indica las
ubicaciones X de sus formularios, sino también en el eje Y
- Grilla Jerárquica
- Se describe por no tener el mismo espacio entre los módulos.
- Ventajas de usar CSS
- Mantenimiento,
velocidad de carga,
Semántica,
Accesibilidad