1
00:00:02,160 --> 00:00:06,960
El tamaño se lo podemos establecer prácticamente a todos los elementos que están en HTML.

2
00:00:06,960 --> 00:00:12,439
Hay algunos que no, hay algunos que no son de tipo bloque, a veces tienen dificultades, pero se lo podemos aplicar.

3
00:00:12,519 --> 00:00:16,940
Entonces, por ejemplo, P, pues aquí tenemos un P normal, que ocupa toda la página,

4
00:00:17,679 --> 00:00:23,120
y aquí hemos dicho que su ancho es el 50%, entonces efectivamente es esta información.

5
00:00:23,440 --> 00:00:29,820
O 20 emes, 20 caracteres, 20 alturas de caracteres, o 200 píxeles, ¿de acuerdo?

6
00:00:29,820 --> 00:00:34,100
Podemos establecer cualquiera de las unidades que tenemos para hacerle trabajar.

7
00:00:34,759 --> 00:00:41,920
Bueno, en el caso de las imágenes es curioso porque el introducir en la hoja de estilos un tamaño de la imagen

8
00:00:41,920 --> 00:00:52,020
tiene más importancia que lo que realmente hayamos puesto en la etiqueta IMG dentro de su ancho y su alto, ¿de acuerdo?

9
00:00:52,579 --> 00:00:56,780
Entonces, bueno, pues es una cuestión a tener en cuenta.

10
00:00:56,780 --> 00:00:59,020
además podemos en las imágenes

11
00:00:59,020 --> 00:01:01,179
pues colocarlas de manera muy curiosa

12
00:01:01,179 --> 00:01:02,740
vamos a ver, vamos a poner aquí la etiqueta

13
00:01:02,740 --> 00:01:05,040
59.35, este es el tamaño

14
00:01:05,040 --> 00:01:07,019
normal, de acuerdo, si digo

15
00:01:07,019 --> 00:01:09,359
que el ancho es 200 píxeles

16
00:01:09,359 --> 00:01:10,359
entonces

17
00:01:10,359 --> 00:01:12,659
de repente deforma la imagen

18
00:01:12,659 --> 00:01:14,540
hacia un lado, si lo digo que la

19
00:01:14,540 --> 00:01:16,560
altura es 100 píxeles la deforma

20
00:01:16,560 --> 00:01:18,159
y si le digo el tamaño

21
00:01:18,159 --> 00:01:20,859
correspondiente pues la pone en ese tamaño

22
00:01:20,859 --> 00:01:22,879
correspondiente, entonces parece

23
00:01:22,879 --> 00:01:25,099
muy interesante para ponerse imágenes en tamaños

24
00:01:25,099 --> 00:01:25,959
como queramos

25
00:01:25,959 --> 00:01:32,060
Podemos establecer también el mínimo ancho, el mínimo alto, el máximo ancho y el máximo alto

26
00:01:32,060 --> 00:01:36,480
Y esto puede ser muy interesante para, por ejemplo, páginas en móvil

27
00:01:36,480 --> 00:01:40,379
Donde queremos que una imagen se vea sí o sí, que no se adapte al dispositivo

28
00:01:40,379 --> 00:01:44,760
Queremos que obligatoriamente su mínimo ancho sea no sé cuál o su mínimo alto

29
00:01:44,760 --> 00:01:46,760
Otra característica es el overflow

30
00:01:46,760 --> 00:01:49,140
¿Qué ocurre si lo que queremos poner no cabe?

31
00:01:49,519 --> 00:01:51,400
Resumiendo, ¿qué hacemos?

32
00:01:51,739 --> 00:01:53,879
Seguimos escribiéndolo aunque se vea mal

33
00:01:53,879 --> 00:01:56,739
lo cortamos, ¿qué es lo que hacemos?

34
00:01:56,939 --> 00:01:58,939
entonces tenemos las propiedades visible

35
00:01:58,939 --> 00:02:01,200
hidden o scroll

36
00:02:01,200 --> 00:02:02,719
o auto

37
00:02:02,719 --> 00:02:04,840
entonces, bueno, pues

38
00:02:04,840 --> 00:02:06,719
auto es el caso en que lo mostraremos

39
00:02:06,719 --> 00:02:08,639
la información siempre que sea necesario

40
00:02:08,639 --> 00:02:10,939
scroll va a mostrar barrera de desplazamiento

41
00:02:10,939 --> 00:02:12,780
siempre, haga o no haga falta

42
00:02:12,780 --> 00:02:15,139
hidden, vamos a ocultar

43
00:02:15,139 --> 00:02:17,139
toda la parte que es sobrante

44
00:02:17,139 --> 00:02:18,960
y visible lo hacemos visible

45
00:02:18,960 --> 00:02:20,740
aunque se salga de nuestro entorno

46
00:02:20,740 --> 00:02:22,699
¿de acuerdo? entonces aquí estamos viendo

47
00:02:22,699 --> 00:02:25,060
visible, como le da igual, el sigue

48
00:02:25,060 --> 00:02:26,699
hidden

49
00:02:26,699 --> 00:02:28,259
como oculta de información

50
00:02:28,259 --> 00:02:30,639
scroll, como el

51
00:02:30,639 --> 00:02:32,879
mete esa información, si le hace falta

52
00:02:32,879 --> 00:02:34,159
y mete además la doble

53
00:02:34,159 --> 00:02:36,719
el doble scroll, tanto horizontal

54
00:02:36,719 --> 00:02:38,860
como vertical, auto, lo que le

55
00:02:38,860 --> 00:02:40,780
hace falta, y en este caso

56
00:02:40,780 --> 00:02:42,560
que hemos puesto el elemento

57
00:02:42,560 --> 00:02:44,740
fuera de la división, que es un propio

58
00:02:44,740 --> 00:02:46,599
texto, pues le hace falta

59
00:02:46,599 --> 00:02:48,379
este scroll y el lo incluye

60
00:02:48,379 --> 00:02:50,759
importante el tema de tamaños

61
00:02:50,759 --> 00:02:53,400
y bueno, sobre todo en el tema de imágenes

62
00:02:53,400 --> 00:02:55,520
cómo colocar las imágenes