día24 html5

day24 conocimiento

Diseño de cuadrícula: diseño de cuadrícula: para el diseño de elemento secundario
1: formando una estructura de cuadrícula (agregada al elemento padre):
pantalla: cuadrícula

   2：划分行和列
     grid-template-columns：3,200px；
     grid-template-rows：3,200px；
     显示3行3列
     如果是3个值 代表3行3列 能接受具体的px 也能是百分比

   划分行和列的时候的关键字 和 方法
   a： repeat(重复的次数，重复的值)
   b： auto-fill关键字（自动填充）
   c： fr关键字       （列表片段）
   d： minmax         （最小值，最大值）

espacio de rejilla: 20px 30px; taquigrafía

Especifique el área donde se ubica un determinado proyecto:
grid-template-areas:
'aa a'
'.. B'
'. C c';

    注:  grid-template-areas  必须和 grid-area共同使用  grid-area放在具体某个项目里面的,指定项目名称.

Orden especificado: grid-auto-flow: fila / columna

La alineación del contenido en el proyecto: elementos de lugar:

    注: 网格内部的内容固定的大小 百分比的时候 左右的对齐方式会产生BUG

Controla la alineación de toda la cuadrícula en el elemento padre.