1
00:00:00,620 --> 00:00:04,139
Bueno, pues ahora vamos a ver propiedades de textos, ¿vale?

2
00:00:04,440 --> 00:00:10,099
En el vídeo anterior vimos propiedades de las fuentes y ahora vamos a ver del texto como texto en sí, ¿vale?

3
00:00:10,839 --> 00:00:12,380
Entonces nos vamos a ir a Brackets.

4
00:00:12,539 --> 00:00:18,780
Yo en Brackets ya me he creado, como podéis ver, un archivo que se llama textos.html, ¿vale?

5
00:00:19,579 --> 00:00:24,640
Y bueno, vamos a empezar creándonos la estructura básica HTML5, como siempre hemos hecho, ¿vale?

6
00:00:24,640 --> 00:00:35,520
Vamos a cambiar el idioma, vamos a ponerlo en castellano y como título vamos a poner textos y alineaciones, ¿vale?

7
00:00:36,280 --> 00:00:48,200
Y bueno, para empezar pues nos vamos a crear una cabecera de nivel H1 para poner propiedades relacionadas con los textos, ¿vale?

8
00:00:48,859 --> 00:00:53,659
Y ya veis que esta nos aparece en nuestra web.

9
00:00:53,659 --> 00:00:58,939
Vale, pues la primera propiedad que vamos a ver es la de alineación del texto, ¿vale?

10
00:00:58,979 --> 00:01:06,840
Vamos a poner una etiqueta H2, de nivel H2, y esa propiedad de alineación se llama text-align, ¿vale?

11
00:01:07,780 --> 00:01:11,239
Y para ello nos vamos a crear cuatro párrafos, ¿vale?

12
00:01:11,900 --> 00:01:18,000
Para crearnos los párrafos con un texto de contenido de una forma rápida, utilizando la extensión M, ¿vale?

13
00:01:18,459 --> 00:01:21,659
Vamos a poner la P y entre llaves vamos a poner el siguiente texto.

14
00:01:21,659 --> 00:01:24,519
este texto se muestra

15
00:01:24,519 --> 00:01:26,560
alineado hacia

16
00:01:26,560 --> 00:01:28,280
y pongo un espacio, ¿vale?

17
00:01:28,799 --> 00:01:30,840
y ahí completaré cada una de las

18
00:01:30,840 --> 00:01:32,959
alineaciones, y después de los paréntesis

19
00:01:32,959 --> 00:01:33,719
voy a poner

20
00:01:33,719 --> 00:01:35,920
por 4

21
00:01:35,920 --> 00:01:38,280
¿vale? y ahora le doy al tabulador

22
00:01:38,280 --> 00:01:40,659
y fijaros

23
00:01:40,659 --> 00:01:43,040
que me aparecen 4 párrafos con ese texto

24
00:01:43,040 --> 00:01:44,620
¿vale? entonces

25
00:01:44,620 --> 00:01:47,040
en el

26
00:01:47,040 --> 00:01:47,340
primero

27
00:01:47,340 --> 00:01:50,400
vamos a poner, a cambiar de hecho

28
00:01:50,400 --> 00:01:52,019
vamos a poner con la alineación

29
00:01:52,019 --> 00:01:53,879
normal

30
00:01:53,879 --> 00:01:54,780
¿vale?

31
00:01:55,239 --> 00:01:55,980
con la alineación

32
00:01:55,980 --> 00:01:56,939
perdón

33
00:01:56,939 --> 00:01:57,959
con la alineación hacia

34
00:01:57,959 --> 00:02:00,000
la izquierda

35
00:02:00,000 --> 00:02:00,239
¿vale?

36
00:02:00,540 --> 00:02:01,260
que esto

37
00:02:01,260 --> 00:02:02,939
lo pongo entre paréntesis

38
00:02:02,939 --> 00:02:04,700
es el modo por defecto

39
00:02:04,700 --> 00:02:05,219
de HTML

40
00:02:05,219 --> 00:02:05,620
¿vale?

41
00:02:05,719 --> 00:02:07,060
por defecto siempre aparecen las cosas

42
00:02:07,060 --> 00:02:08,159
alineadas a la izquierda

43
00:02:08,159 --> 00:02:09,460
en siguiente

44
00:02:09,460 --> 00:02:10,120
vamos a poner

45
00:02:10,120 --> 00:02:11,520
alineación hacia la

46
00:02:11,520 --> 00:02:12,479
derecha

47
00:02:12,479 --> 00:02:17,340
en el tercero

48
00:02:17,340 --> 00:02:17,780
vamos a poner

49
00:02:17,780 --> 00:02:18,400
alineado

50
00:02:18,400 --> 00:02:19,199
centrado

51
00:02:19,199 --> 00:02:20,139
y en el último

52
00:02:20,139 --> 00:02:21,319
alineado

53
00:02:21,319 --> 00:02:24,259
justificado

54
00:02:24,560 --> 00:02:38,199
Y ahora lo que vamos a hacer es ponerle un id a los tres que son diferentes, que son derecho, centrado y justificado.

55
00:02:38,199 --> 00:02:54,599
¿Vale? Id, y a este le vamos a poner derecha, a este le vamos a poner un id que es centrado, y a este último un id que es justificado.

56
00:02:54,599 --> 00:02:57,539
y ahora nos vamos a ir a la cabecera

57
00:02:57,539 --> 00:02:59,479
y vamos a modificar esos estilos

58
00:02:59,479 --> 00:03:01,539
en primer lugar ponemos la etiqueta

59
00:03:01,539 --> 00:03:03,580
style y dentro de esto

60
00:03:03,580 --> 00:03:05,039
vamos a poner los estilos

61
00:03:05,039 --> 00:03:07,300
que como son estilos de

62
00:03:07,300 --> 00:03:09,379
identificador, recuerda

63
00:03:09,379 --> 00:03:11,020
poniendo primero la almohadilla

64
00:03:11,020 --> 00:03:13,479
voy a poner unos comentarios

65
00:03:13,479 --> 00:03:15,020
y voy a poner

66
00:03:15,020 --> 00:03:17,340
propiedad text

67
00:03:17,340 --> 00:03:18,120
align

68
00:03:18,120 --> 00:03:21,740
y vamos a poner almohadilla derecha

69
00:03:21,740 --> 00:03:23,800
abrimos llave, cerramos llave

70
00:03:23,800 --> 00:03:29,560
Y dentro, text-align, dos puntos, right.

71
00:03:30,379 --> 00:03:34,639
Y fijaros que ya podéis ver cómo ese párrafo se ha ido de repente a la derecha, ¿vale?

72
00:03:35,219 --> 00:03:39,659
Vamos a coger la etiqueta centrado, ¿vale?

73
00:03:39,680 --> 00:03:43,580
El ID centrado y vamos a poner text-align, center, ¿vale?

74
00:03:44,620 --> 00:03:46,360
Y por último, ¿vale?

75
00:03:47,300 --> 00:03:51,439
Para poder ver bien el efecto de justificado, vamos a quitar este texto.

76
00:03:51,439 --> 00:03:56,599
Bueno, vamos, justo después del punto, perdón, vamos a poner un texto lorem ipsum, ¿vale?

77
00:03:56,699 --> 00:03:59,539
Para eso, recuerdo, ponemos lorem y le damos al tabulador, ¿vale?

78
00:04:00,520 --> 00:04:02,219
Y fijaros que ya aparece más.

79
00:04:02,460 --> 00:04:11,400
Y ahora vamos a modificar, vamos a poner justificado, text-align y ahora decimos justify, ¿vale?

80
00:04:12,439 --> 00:04:17,939
Y fijaros que en el texto justificado lo que hace es que pega tanto a la derecha como a la izquierda nuestro texto.

81
00:04:17,939 --> 00:04:21,199
Es como si tuviera tanto alineación con izquierda como derecha a la vez.

82
00:04:21,439 --> 00:04:29,750
¿Vale? Vale, muy bien. Vamos a ver otra propiedad que es la de la sangría, ¿vale?

83
00:04:31,250 --> 00:04:39,430
Esa propiedad, ponemos una etiqueta H2 en la propiedad text-index, ¿vale?

84
00:04:39,949 --> 00:04:47,939
Y vamos a hacer lo siguiente, vamos a poner dos párrafos, pongo P por 2 tabulador, ¿vale?

85
00:04:47,939 --> 00:05:02,689
Y en el primero voy a poner, este texto se muestra sin sangría, y en el segundo voy a poner, este texto se muestra con sangría, ¿vale?

86
00:05:03,230 --> 00:05:08,889
Y al segundo le voy a poner un identificador que va a ser sangría, ¿vale?

87
00:05:08,889 --> 00:05:27,670
Nos ponemos la parte de estilo, ponemos un comentario que sea propiedad text-indemn y dentro vamos a poner almohadilla y ponemos sangría, ¿vale?

88
00:05:27,850 --> 00:05:39,449
Y dentro de sangría vamos a poner la propiedad text-indemn y aquí le vamos a poner directamente el espacio o el tamaño que queramos que tenga esa sangría.

89
00:05:39,449 --> 00:05:41,730
Yo, por ejemplo, voy a poner un 5%, ¿vale?

90
00:05:42,470 --> 00:05:48,230
Entonces, fijaros cómo el segundo párrafo aparece desplazado un 5%.

91
00:05:48,230 --> 00:05:53,889
Yo aquí podría poner también dimensiones, 5 píxeles, 5 centímetros, 5 milímetros, ¿vale?

92
00:05:55,149 --> 00:05:59,850
5 rem, ¿vale? 5 em, lo que queramos, ¿ok?

93
00:06:00,069 --> 00:06:03,129
Yo en este caso voy a poner 5%, ¿vale?

94
00:06:05,129 --> 00:06:07,949
Siguiente propiedad que vamos a poner, ¿vale?

95
00:06:09,449 --> 00:06:12,550
Va a ser propiedad para poner subrayado o cosas parecidas.

96
00:06:13,069 --> 00:06:20,189
Entonces, ponemos una nueva etiqueta H2 y esta propiedad se llama TextDecoration, ¿vale?

97
00:06:20,189 --> 00:06:25,980
Y vamos a poner cuatro párrafos, ¿vale?

98
00:06:27,139 --> 00:06:31,980
Vamos a poner un párrafo con texto Lorem Ixum, ¿vale?

99
00:06:32,279 --> 00:06:36,600
Y vamos a dejar el texto hasta el primer párrafo, ¿vale?

100
00:06:37,240 --> 00:06:39,220
Hasta el primer punto, perdón, ¿vale?

101
00:06:39,899 --> 00:06:40,680
Hasta ahí.

102
00:06:41,079 --> 00:06:48,720
Y ahora vamos a copiar este texto cuatro veces, o tres veces más, perdón, ¿vale? Así, de tal forma que tenemos cuatro párrafos, ¿vale?

103
00:06:49,980 --> 00:06:57,720
Cada párrafo lo vamos a decorar de una forma diferente. El primero le vamos a poner un ID, porque lo vamos a decorar con un subrayado, ¿vale?

104
00:06:58,680 --> 00:07:05,740
Al segundo lo vamos a decorar con una línea superior, por lo tanto ponemos línea barra baja superior.

105
00:07:05,740 --> 00:07:28,360
Y al último lo vamos a decorar con un tachado, ¿vale? Entonces le ponemos un ID de tachado, ¿vale? Y ahora nos vamos a ir arriba, vamos a poner un comentario, propiedad text decoration, ¿vale? Y vamos a ir modificando uno a uno.

106
00:07:28,360 --> 00:07:37,339
Vamos a empezar con el subrayado, ¿vale? Entonces vamos a poner text-decoration y dentro vamos a elegir underline, ¿vale?

107
00:07:38,319 --> 00:07:50,079
Y fijaros que ese párrafo ya no aparece subrayado, ¿vale? Vamos a irnos al segundo, que era, se llamaba la etiqueta, línea superior, línea barra baja superior.

108
00:07:50,079 --> 00:07:53,920
y ponemos TextDecoration

109
00:07:53,920 --> 00:07:56,300
Overline, ¿vale?

110
00:07:56,300 --> 00:07:58,319
Y vemos una línea encima del pie.

111
00:07:59,120 --> 00:07:59,839
Y por último,

112
00:08:01,000 --> 00:08:01,540
Tachado,

113
00:08:02,779 --> 00:08:04,740
TextDecoration

114
00:08:04,740 --> 00:08:07,560
y ponemos LineFluid, ¿vale?

115
00:08:07,740 --> 00:08:10,360
Y vemos que tenemos ese tachado, ¿vale?

116
00:08:11,180 --> 00:08:13,139
Pero lo que es importante que sepamos

117
00:08:13,139 --> 00:08:15,600
es que la propiedad TextDecoration

118
00:08:15,600 --> 00:08:19,699
permite muchos más efectos adicionales, ¿vale?

119
00:08:20,079 --> 00:08:22,959
Entonces, voy a poner aquí unos comentarios para que os queden claros.

120
00:08:23,139 --> 00:08:28,279
Esos efectos adicionales serían el tipo de línea.

121
00:08:28,639 --> 00:08:32,379
Solid es el tipo de línea por defecto, que sería una línea sólida, ¿vale?

122
00:08:32,820 --> 00:08:34,340
También podemos poner double.

123
00:08:35,059 --> 00:08:37,840
Podemos poner una línea con puntos, que sería con dot.

124
00:08:38,519 --> 00:08:43,139
Podríamos poner una línea discontinua, que sería dash, ¿vale?

125
00:08:43,399 --> 00:08:46,919
Y podemos poner una línea curva, que sería wavy, ¿vale?

126
00:08:47,240 --> 00:08:50,980
Entonces, vamos a cambiar cositas para que cada una sea un poco diferente, ¿vale?

127
00:08:50,980 --> 00:08:55,980
A la línea de subrayado la vamos a poner doble, ¿vale?

128
00:08:57,059 --> 00:09:02,779
A la línea superior la vamos a poner dash, ¿vale?

129
00:09:03,620 --> 00:09:04,419
No lo escrito bien.

130
00:09:07,929 --> 00:09:10,309
No, tampoco lo escrito bien.

131
00:09:11,309 --> 00:09:13,190
Ahora, ¿vale? Ahora sí.

132
00:09:13,970 --> 00:09:17,570
Y a la línea de tachado la vamos a poner curva, ¿vale?

133
00:09:17,730 --> 00:09:17,990
Wave.

134
00:09:18,830 --> 00:09:19,470
¿Vale?

135
00:09:19,789 --> 00:09:21,809
Y todavía podemos hacer más cosas.

136
00:09:21,809 --> 00:09:23,669
Podemos, por ejemplo, ponerle un color.

137
00:09:23,830 --> 00:09:45,090
¿Vale? A la línea de superior la vamos a poner rojo oscuro. ¿Vale? A la línea de línea superior, verde oscuro. Y a la línea wavy, pues naranja. ¿Vale? Y podemos hacer más modificaciones, podemos modificar el grosor de esa línea. ¿Vale?

138
00:09:45,090 --> 00:09:49,590
Por ejemplo, el subrayado lo vamos a poner de un punto, ¿vale?

139
00:09:49,950 --> 00:09:50,889
O de dos puntos.

140
00:09:52,879 --> 00:09:56,220
A la línea superior de tres puntos, ¿vale?

141
00:09:56,559 --> 00:10:01,299
Y a la línea de tachado de cuatro puntos, ¿vale?

142
00:10:01,840 --> 00:10:07,620
Entonces ahí veis que podemos ir haciendo combinaciones de diferentes propiedades, ¿vale?

143
00:10:08,679 --> 00:10:10,980
¿Qué más, qué más, qué más, qué más podemos hacer?

144
00:10:11,899 --> 00:10:15,879
Vale, vamos a ver transformaciones del propio texto, ¿vale?

145
00:10:15,879 --> 00:10:20,860
Vimos una propiedad que era parecida para fuentes, ¿vale? Pero esto es propiedad de textos.

146
00:10:21,360 --> 00:10:28,919
Esta propiedad, vamos a poner una etiqueta H2, se llama propiedad text transform, ¿vale?

147
00:10:29,279 --> 00:10:37,000
Y para esto vamos a poner tres párrafos, ¿vale? Con texto diferente, ¿vale?

148
00:10:37,000 --> 00:10:47,870
En el primero vamos a poner en minúscula, ¿vale? Este texto se muestra en mayúscula, ¿vale?

149
00:10:48,330 --> 00:10:52,029
Fijaros que está todo el texto en minúscula, la primera letra, ¿vale?

150
00:10:52,169 --> 00:11:01,850
En el segundo párrafo vamos a poner todo en mayúscula, este texto se muestra en minúscula, ¿vale?

151
00:11:01,850 --> 00:11:14,230
Y por último, en el último párrafo vamos a poner la primera letra de cada palabra se muestra en mayúscula, ¿vale?

152
00:11:14,610 --> 00:11:18,490
Pero fijaros que está todo en minúscula, excepto la primera letra de la frase, ¿vale?

153
00:11:19,009 --> 00:11:23,730
Y ahora lo que vamos a hacer es que al primero le vamos a poner un id que va a ser mayúscula.

154
00:11:24,990 --> 00:11:29,490
Al segundo le vamos a poner un id que va a ser minúscula, ¿vale?

155
00:11:29,490 --> 00:11:30,909
Fijaros que lo pongo sin pibla, ¿vale?

156
00:11:30,909 --> 00:11:52,490
Y al tercero le vamos a poner una letra, un id que va a ser letra capital, todo junto, ¿vale? O letra barra baja capital, ¿vale? Nos vamos a ir a nuestras propiedades, ¿vale? Y vamos a poner propiedad text transform y vamos a modificar esas propiedades.

157
00:11:52,490 --> 00:11:55,269
En primer lugar, mayúscula, ¿vale?

158
00:11:55,509 --> 00:12:01,870
Pues ponemos text transform y vamos a elegir uppercase.

159
00:12:02,809 --> 00:12:09,710
Y fijaros como automáticamente ese texto, aunque estaba escrito en minúscula, aparece en mayúscula, ¿vale?

160
00:12:11,409 --> 00:12:12,549
Todas las letras.

161
00:12:13,029 --> 00:12:17,889
El segundo era la etiqueta minúscula y de minúscula y vamos a hacer el mismo proceso,

162
00:12:18,409 --> 00:12:20,850
solo que en vez de poner uppercase vamos a poner lowercase.

163
00:12:20,850 --> 00:12:30,590
Y fijaros como ahora, todas las letras, incluida la primera, aparecen minúsculas, a pesar que nosotros lo habíamos escrito en mayúsculas dos, ¿vale?

164
00:12:31,049 --> 00:12:41,210
Y por último, letra barra baja capital, ¿vale? Text transform, y en este caso elegimos capitalize, ¿vale?

165
00:12:41,669 --> 00:12:46,629
Y fijaros como la primera letra de cada uno aparece en mayúsculas, ¿vale?

166
00:12:46,629 --> 00:13:07,860
Vale, siguiente propiedad es la propiedad para poner el interlineado, ¿vale? Esa propiedad se llama propiedad line height, ¿vale? Y para esto vamos a poner tres párrafos lorem ipsum, ¿vale?

167
00:13:07,860 --> 00:13:19,570
Entonces ponemos P, entre llaves ponemos Loren y multiplicamos por 3 y le damos al tabulador, ¿vale?

168
00:13:19,769 --> 00:13:24,769
Y ahora le damos a cada uno de los Loren al tabulador, ¿vale?

169
00:13:26,169 --> 00:13:32,490
Entonces, fijad, el primer párrafo lo vamos a dejar por defecto, con el interlineado que trae HTML por defecto, ¿vale?

170
00:13:33,230 --> 00:13:37,690
Al segundo vamos a ponerle un id porque le vamos a poner un tipo de interlineado.

171
00:13:39,370 --> 00:13:46,350
Y al tercero le vamos a poner otro id, ¿vale?

172
00:13:47,490 --> 00:13:49,769
Un interlineado 2, ¿vale?

173
00:13:49,870 --> 00:13:52,409
Que va a ser también diferente, ¿vale?

174
00:13:53,049 --> 00:13:58,070
Y ahora nos vamos a ir a nuestras hojas de estilos

175
00:13:58,070 --> 00:14:11,220
y vamos a poner propiedad text line height, perdón, line height.

176
00:14:11,860 --> 00:14:14,860
Y aquí vamos a poner en primer lugar interlineado

177
00:14:14,860 --> 00:14:20,100
y vamos a poner line size

178
00:14:20,100 --> 00:14:23,340
y le vamos a poner de valor, por ejemplo, 1,9

179
00:14:23,340 --> 00:14:23,860
¿vale?

180
00:14:24,179 --> 00:14:26,240
fijaros que ya se está modificando

181
00:14:26,240 --> 00:14:29,139
ya tenemos un interlineado muy superior

182
00:14:29,139 --> 00:14:29,500
¿vale?

183
00:14:30,539 --> 00:14:32,080
y ahora vamos a poner

184
00:14:32,080 --> 00:14:34,559
interlineado 2

185
00:14:34,559 --> 00:14:37,039
y vamos a poner line size

186
00:14:37,039 --> 00:14:38,919
y en este caso vamos a ponerlo en porcentaje

187
00:14:38,919 --> 00:14:40,919
¿vale? 250%

188
00:14:40,919 --> 00:14:41,919
¿vale?

189
00:14:41,919 --> 00:14:45,580
Y fijaros que aparece y es aún mayor que la anterior, ¿vale?

190
00:14:48,039 --> 00:14:52,419
Muy bien, pues ya vamos a ir a la última propiedad de texto que vamos a ver, ¿vale?

191
00:14:52,700 --> 00:14:55,580
Esta propiedad es para poner sombra, ¿vale?

192
00:14:55,679 --> 00:14:59,379
Va a ser la propiedad text-shadow, ¿vale?

193
00:15:00,000 --> 00:15:06,320
Y para eso lo que vamos a hacer es que nos vamos a crear dos párrafos, ¿vale?

194
00:15:08,509 --> 00:15:10,750
Y por ahora solo vamos a tocar el primero, ¿vale?

195
00:15:10,750 --> 00:15:14,389
Este párrafo lo vamos a poner una id que va a ser sombra.

196
00:15:15,250 --> 00:15:31,990
¿Vale? Y el texto va a ser, este es un texto con sombra. ¿Vale? Nos vamos a ir arriba, a la hoja de estilo, vamos a poner propiedad text-shadow, ¿vale?

197
00:15:32,250 --> 00:15:40,889
Y dentro vamos a poner la etiqueta sombra. ¿Vale? Entonces, lo primero que vamos a hacer en esta etiqueta sombra es aumentar el tamaño de la fuente.

198
00:15:40,889 --> 00:15:50,690
¿Vale? Entonces vamos a poner font-size y le vamos a poner 3D. ¿Vale? Y fijaros que el tamaño de la fuente ha aumentado. ¿Vale?

199
00:15:51,110 --> 00:15:58,190
Ponemos punto y coma porque vamos a poner otra propiedad que en este caso va a ser text-shadow. ¿Vale?

200
00:15:59,149 --> 00:16:08,350
Y os voy a poner aquí abajo cómo se construye esta propiedad. ¿Vale? En primer lugar se pone la sombra horizontal.

201
00:16:08,350 --> 00:16:14,250
Luego, horizontal

202
00:16:14,250 --> 00:16:16,429
Luego se pone la sombra vertical

203
00:16:16,429 --> 00:16:19,090
A continuación se pone difuminado

204
00:16:19,090 --> 00:16:20,830
Y por último, el color, ¿vale?

205
00:16:21,049 --> 00:16:23,450
Y se pone todo sin espaciado, ¿vale?

206
00:16:23,549 --> 00:16:24,289
Todo seguido

207
00:16:24,289 --> 00:16:26,889
Entonces, yo aquí pondría, por ejemplo

208
00:16:26,889 --> 00:16:31,750
Una sombra horizontal de 8 píxeles

209
00:16:31,750 --> 00:16:32,950
¿Vale?

210
00:16:33,250 --> 00:16:35,389
Una vertical de 4 píxeles

211
00:16:35,389 --> 00:16:36,669
¿Vale?

212
00:16:36,669 --> 00:16:44,169
Un difuminado de 4 píxeles y un color, por ejemplo, verde, ¿vale?

213
00:16:45,169 --> 00:16:48,990
Y fijaros que la sombra me está yendo hacia abajo y la derecha.

214
00:16:49,309 --> 00:16:56,649
Si yo quiero, por ejemplo, que me vaya hacia abajo y la izquierda, pues donde yo he puesto la sombra horizontal, pondría un negativo.

215
00:16:57,110 --> 00:16:58,610
Por ejemplo, menos 8, ¿vale?

216
00:16:58,850 --> 00:17:00,690
Y fijaros que se me ha desplazado a la izquierda.

217
00:17:00,690 --> 00:17:09,109
Que yo quiero que esté arriba y a la izquierda, pues en el vertical, en la sombra vertical, le pongo también un negativo, ¿vale?

218
00:17:10,170 --> 00:17:13,089
En el caso del difuminado no tiene sentido poner negativo, ¿vale?

219
00:17:14,869 --> 00:17:19,609
Ok, pues nosotros podemos ir concatenando varios sombreados, ¿vale?

220
00:17:19,750 --> 00:17:22,890
Para obtener un resultado aún más, que sea más llamativo.

221
00:17:23,269 --> 00:17:26,349
Os voy a poner un ejemplo, esto sería un sombreado múltiple, ¿vale?

222
00:17:26,349 --> 00:17:32,650
Entonces aquí vamos a poner un id que va a ser sombra barra baja múltiple, ¿vale?

223
00:17:33,089 --> 00:17:43,650
Y como contenido de este párrafo va a ser este texto tiene múltiples sombras, ¿vale?

224
00:17:45,029 --> 00:17:53,990
Nos vamos a ir a la parte de estilos y ponemos sombra múltiple y lo primero que vamos a hacer es aumentar el tamaño.

225
00:17:53,990 --> 00:17:56,029
Vamos a poner 3,5 red.

226
00:17:56,349 --> 00:18:03,730
¿Vale? Punto y coma. Y vamos a empezar a poner sombreado. ¿Vale? Texteado.

227
00:18:04,170 --> 00:18:09,809
Entonces, para el primero le vamos a poner, por ejemplo, cero horizontal, uno vertical y cero difuminado.

228
00:18:10,009 --> 00:18:14,670
Y en color amarillo. ¿Vale? Ponemos una coma. Y Enter.

229
00:18:15,349 --> 00:18:22,549
Y ahora vamos a poner uno horizontal, cero vertical, cero difuminado.

230
00:18:22,549 --> 00:18:32,910
Y vamos a poner yellow green. ¿Vale? Y coma. El siguiente le vamos a poner uno horizontal, dos vertical y uno de difuminado.

231
00:18:33,049 --> 00:18:42,910
Y le vamos a poner color verde. ¿Vale? Vamos a poner dos horizontal, uno vertical y uno de sombreado.

232
00:18:42,910 --> 00:18:48,630
Y de color green yellow, ¿vale?

233
00:18:48,990 --> 00:18:57,369
Al siguiente le vamos a poner 2 de horizontal, 3 de vertical y 3 de difuminado y color gris, ¿vale?

234
00:18:57,890 --> 00:19:01,569
Fijaros como cada vez va siendo más llamativo el efecto sombreado.

235
00:19:02,630 --> 00:19:09,769
Luego le vamos a poner 3 horizontal, 2 vertical, 2 de difuminado y en azul, ¿vale?

236
00:19:09,769 --> 00:19:18,349
Y por último, le vamos a poner 4 horizontal, 9 vertical, 3 de difuminado y en negro, ¿vale?

237
00:19:18,769 --> 00:19:29,960
Y fijaros el efecto tan destacado, tan llamativo, que podemos darle a un texto simplemente jugando con eso, con los estilos, ¿vale?

238
00:19:31,160 --> 00:19:36,140
Con esto tenéis bastante para darle estilo a vuestros sitios web, ¿vale?

239
00:19:36,779 --> 00:19:40,180
Entonces espero que os haya sido útil y nos vemos en el siguiente vídeo.

240
00:19:41,140 --> 00:19:42,140
Gracias.