Web CSS Grid Layout Rogelio Ferreira Escutia Profesor
Web CSS Grid Layout Rogelio Ferreira Escutia Profesor / Investigador Tecnológico Nacional de México Campus Morelia
Conceptos
CSS Grid Layout Es una técnica que permite a los desarrolladores Web crear diseños responsivos complejos más fácilmente y que puedan ejecutarse en diferentes navegadores. . 3
CSS Grid Layout Actualmente no es un estándar, pero se encuentra como un candidato recomendado por la W 3 C desde el 2017. . 4
CSS Grid Layout Soporte 93. 83% (febrero 2020): . 5
Creación de una rejilla
Rejilla Hacer una rejilla de 3 x 3: . 7
Rejilla Hacer una rejilla de 3 x 3 (código HTML): . 8
Rejilla Hacer una rejilla de 3 x 3 (código CSS): . 9
Rejilla Columnas dentro de una rejilla: "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 10
Rejilla Renglones dentro de una rejilla: "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 11
Rejilla Espacios entre renglón/columna (Ga): "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 12
Rejilla Ajustando el espacio entre columnas: "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 13
Rejilla Ajustando el espacio entre renglones: "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 14
Rejilla Ajustando el espacio entre columna/renglón: "CSS Grid Layout Module", https: //www. w 3 schools. com/css_grid. asp, febrero 2020 15
rogelio. fe@morelia. tecnm. mx rogeplus@gmail. com xumarhu. net Rogelio Ferreira Escutia Profesor / Investigador Tecnológico Nacional de México Campus Morelia @rogeplus https: //www. youtube. com/ channel/UC 0 on 88 n 3 Lw. TKx. Jb 8 T 09 s. Gjg rogelioferreiraescutia
- Slides: 16