Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,740 --> 00:00:01,970
Y bienvenido de nuevo.
2
00:00:01,970 --> 00:00:05,990
Quiero mostrarle una propiedad que se usa comúnmente con imágenes.
3
00:00:06,140 --> 00:00:09,810
Así que tengo una foto realmente divertida de una alpaca.
4
00:00:09,860 --> 00:00:11,000
Entonces vamos a copiar eso.
5
00:00:11,000 --> 00:00:13,950
En realidad vamos a usar el enlace para esto.
6
00:00:14,120 --> 00:00:16,870
Y vamos a agregar una imagen a nuestro sitio web.
7
00:00:17,180 --> 00:00:20,290
Hagamos que nuestro tamaño de fuente sea un poco más pequeño.
8
00:00:21,340 --> 00:00:21,870
Perfecto.
9
00:00:21,880 --> 00:00:25,570
Y voy a tratar de agregar una imagen a la izquierda por aquí.
10
00:00:25,570 --> 00:00:34,510
Si vamos a nuestra página Acerca de y en nuestra sección aquí, podemos intentar agregar una imagen, así que hagamos una etiqueta
11
00:00:34,510 --> 00:00:35,620
de 'imagen'.
12
00:00:35,890 --> 00:00:41,160
Y si recuerdas que tenemos una fuente y esa fuente, acabo de copiar y pegar el enlace.
13
00:00:41,200 --> 00:00:49,610
Y si guardo esto y actualizo - ¡Ohhh! esa es una imagen general, así que, como recordarán,
14
00:00:51,290 --> 00:01:01,930
tienen que hacer el ancho, hagamos 50 píxeles y la altura 50 píxeles Vamos a guardar, luego a actualizar y puedes ver que nos hemos roto. Hagamos eso
15
00:01:01,930 --> 00:01:04,180
un poco más grande en realidad.
16
00:01:04,360 --> 00:01:09,280
hagamos 200 px y 200 px.
17
00:01:12,610 --> 00:01:13,580
Perfecto.
18
00:01:13,600 --> 00:01:20,440
Puedes ver aquí que en realidad rompimos un poco nuestro CSS y eso es porque si
19
00:01:20,740 --> 00:01:26,160
miras aquí, hemos usado este selector que dice vecino inmediato de 'h2'.
20
00:01:26,450 --> 00:01:28,450
Podemos hacer esto por ahora.
21
00:01:31,490 --> 00:01:32,210
refrescar.
22
00:01:32,230 --> 00:01:34,070
Y ahí lo tienes.
23
00:01:34,280 --> 00:01:38,480
Pero como que quiero que el texto esté en el lado derecho por aquí.
24
00:01:38,480 --> 00:01:39,460
Como hacemos eso.
25
00:01:39,680 --> 00:01:48,030
Bueno, podemos seleccionar la imagen y usar una propiedad llamada float y float.
26
00:01:48,050 --> 00:01:50,800
Puedes hacer 'derecha' o 'izquierda'.
27
00:01:50,810 --> 00:02:02,140
Entonces, si hacemos 'left' y lo refrescamos, la imagen flota a la izquierda, y verá que el texto se ajusta y esta propiedad se creó específicamente
28
00:02:02,140 --> 00:02:08,530
por estas razones: para tener imágenes flotando hacia la izquierda o hacia la derecha y
29
00:02:08,590 --> 00:02:12,020
poder tener texto envuelto alrededor de ellos.
30
00:02:13,170 --> 00:02:19,800
Verá instancias donde flotador se está utilizando para posicionar elementos y esa no es la mejor práctica
31
00:02:19,800 --> 00:02:22,060
porque tiene algunas propiedades divertidas.
32
00:02:22,110 --> 00:02:25,420
Por ahora solo úsalo con imágenes si puedes.
33
00:02:26,320 --> 00:02:31,830
Y una cosa a tener en cuenta con 'float', y solo para mostrarle que también puedo hacerlo a la derecha.
34
00:02:31,960 --> 00:02:38,410
Voy así y lo refresco flota a la derecha, me gusta que esto lo mantenga mejor allí.
35
00:02:38,410 --> 00:02:42,430
La otra cosa que quiero mostrarles es que
36
00:02:42,670 --> 00:02:56,520
si agregamos algo, entonces, después de la imagen, queremos tener un pie de página y este 'pie de página' dirá "Sitio web hecho con amor", cierre eso y
37
00:02:56,800 --> 00:02:57,640
guarde.
38
00:02:57,700 --> 00:03:04,110
Y también queremos que esto sea mucho más pequeño, así que voy a hacer cinco píxeles porque quiero
39
00:03:04,110 --> 00:03:05,020
mostrarles algo.
40
00:03:05,800 --> 00:03:12,730
Entonces, como ven aquí, he hecho que esta línea sea muy pequeña, pero quería demostrarlo porque está flotando
41
00:03:12,940 --> 00:03:14,110
a la derecha.
42
00:03:14,110 --> 00:03:17,430
Todo se pega al lado izquierdo por aquí.
43
00:03:17,650 --> 00:03:24,340
Y si quisiéramos asegurarnos de que nuestro pie de página esté en la parte inferior del sitio web, tendríamos
44
00:03:24,340 --> 00:03:32,140
que usar una propiedad que siempre casi siempre viene con flotador y generalmente se coloca en la propiedad después de que se usa
45
00:03:32,140 --> 00:03:33,100
el flotador.
46
00:03:33,110 --> 00:03:38,890
Entonces en nuestro caso pie de página y tenemos que especificar claro ambos.
47
00:03:38,920 --> 00:03:48,850
Entonces, si guardo y actualizo tenemos eso en la parte inferior, alineémoslo con el centro aquí y refresquemos, ¡vaya! Yo no ...
48
00:03:48,900 --> 00:03:54,670
y vamos a 'centrar' guardar y actualizar.
49
00:03:54,670 --> 00:03:56,040
Perfecto.
50
00:03:56,080 --> 00:04:01,310
Ahora tenemos "Sitio web hecho con amor" con un montón de galimatías.
51
00:04:01,420 --> 00:04:08,620
Pero quería mostrarle que la propiedad 'flota' para las imágenes y asegurarme de que la 'despejemos' para que pueda comenzar en el sitio
52
00:04:08,620 --> 00:04:15,190
web más allá de la imagen. Nos vemos en el próximo. Adiós
5321
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.