1 00:00:00,910 --> 00:00:05,200 En esta conferencia verás el modelo de caja CSSA. 2 00:00:05,560 --> 00:00:11,940 Y este es el año en el que realmente empezarás a diseñar la página usando Boxleitner. 3 00:00:12,100 --> 00:00:13,950 Echa un vistazo a este diagrama. 4 00:00:14,020 --> 00:00:15,940 Había cuatro cajas. 5 00:00:16,030 --> 00:00:20,210 Hay una caja de contenido, caja de cama, caja de motor y mucho más en la caja. 6 00:00:20,280 --> 00:00:24,450 Y voy a hablar de cada uno de estos en esta conferencia. 7 00:00:25,460 --> 00:00:30,730 El primer cuadro es, por supuesto, el cuadro de contenido y lo hemos estado usando. 8 00:00:31,130 --> 00:00:33,390 Todo va dentro de él. 9 00:00:33,560 --> 00:00:36,430 Si es así, toma imágenes de video. 10 00:00:36,650 --> 00:00:40,250 Todo estaba dentro de este cuadro de contenido. 11 00:00:40,250 --> 00:00:49,700 Cada elemento de una página web tiene estos cuatro cuadros en el borde del margen y los cuadros de relleno son invisibles. 12 00:00:49,820 --> 00:00:51,640 a menos que los especifiquemos. 13 00:00:51,730 --> 00:00:57,970 La pintura es invisible, el borde es invisible y el margen también es invisible. 14 00:00:57,980 --> 00:01:03,200 Experimentemos con estos cuatro cuadros. 15 00:01:03,230 --> 00:01:06,530 Esta es una página de una simple página web empresarial. 16 00:01:06,860 --> 00:01:12,530 Déjame mostrarte el modelo de caja en una escuela en ruinas porque esta es la mejor manera de ver estas cajas. 17 00:01:12,530 --> 00:01:14,050 en acción. 18 00:01:14,240 --> 00:01:20,680 Haga clic en Cobertura. 19 00:01:20,780 --> 00:01:26,910 Este es el modelo de caja para el elemento H2. 20 00:01:26,970 --> 00:01:29,280 Puedes ver que este es el cuadro de contenido. 21 00:01:29,280 --> 00:01:30,870 Esta es la casilla de apuestas. 22 00:01:30,870 --> 00:01:32,100 Este es el cuadro del borde. 23 00:01:32,310 --> 00:01:33,480 Y este es el modelo. 24 00:01:33,780 --> 00:01:37,830 Este modelo lo aplican los propios Groll bros. 25 00:01:44,000 --> 00:01:50,830 ¿Qué ejemplo si agrego un píxel a la inclusión verde? 26 00:01:50,950 --> 00:01:56,100 Este es el contenido y este es el borde alrededor de este elemento. 27 00:01:59,530 --> 00:01:59,930 Brading 28 00:02:02,670 --> 00:02:06,450 EXOR y píxel 29 00:02:09,920 --> 00:02:14,590 Los conflictos son Antrix. 30 00:02:14,790 --> 00:02:20,670 Ahora ves los cuerpos verdes en el elemento. 31 00:02:20,790 --> 00:02:23,360 Esto es ropa de cama y esto es trueque. 32 00:02:23,370 --> 00:02:25,950 Hay cierta garantía de margen. 33 00:02:29,280 --> 00:02:32,730 y mantén algunas contribuciones 34 00:02:36,070 --> 00:02:37,090 y puede disminuir 35 00:02:46,280 --> 00:02:50,460 en Arabia Saudita y puedes tomarlo semanas antes. 36 00:02:50,550 --> 00:02:51,700 Este es el fondo. 37 00:02:51,870 --> 00:02:52,350 DE ACUERDO. 38 00:02:52,380 --> 00:02:53,790 Este es un concurrente en sí mismo. 39 00:02:53,940 --> 00:02:55,540 Esto depende del contenido. 40 00:02:55,650 --> 00:02:56,770 Esta es la frontera. 41 00:02:56,940 --> 00:03:02,550 Y este es el margen donde ves estos cuadros naranjas en el elemento. 42 00:03:02,610 --> 00:03:04,070 Entonces este es el orden de las cajas. 43 00:03:06,970 --> 00:03:14,890 la observación de aves se utiliza para generar espacios donde todos están contenidos. El margen también se utiliza para generar espacio alrededor. 44 00:03:14,890 --> 00:03:22,120 el contenido pero fuera del cuadro es solo un borde o un elemento. 45 00:03:22,540 --> 00:03:29,620 Así que esta es una buena idea sobre este cuadro y ordene en la próxima conferencia que aprenda sobre las clases de tesis. 46 00:03:30,070 --> 00:03:31,050 e ideas. 47 00:03:31,120 --> 00:03:33,430 Es muy importante dar conferencias al.