Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

CSS Textos - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 29 de diciembre de 2020 por Amadeo M.

109 visualizaciones

Más información Transcripción

Descargar la transcripción

vamos a ir analizando cuáles son las propiedades más importantes que se pueden aplicar a un texto 00:00:01
entonces lo primero es el color del texto, de acuerdo, pues no hay mucho que contar 00:00:05
un color magenta, este color de aquí, un color azul, etcétera, simplemente con la etiqueta color 00:00:10
o el fondo de un texto, entonces el background color, entonces pues nada, simplemente se indica y ya está 00:00:16
su alineación, y su alineación puede tener los siguientes valores 00:00:24
Que esté a la izquierda alineado, es decir, hacia acá, a la derecha, hacia allá, centrado o justificado, ocupando todo el aspecto. 00:00:29
No hay mucho más tampoco que contar, simplemente esto se puede aplicar incluso a una imagen. 00:00:39
Simplemente la introducimos dentro de una etiqueta de bloque y ya lo podemos seleccionar perfectamente. 00:00:44
Bien, sobre la alineación vertical, la alineación horizontal era simple, la alineación vertical, 00:00:52
pues tenemos más valores distintos 00:00:58
entonces aquí estamos viendo 00:01:00
que cómo podemos ir colocando esa alineación 00:01:01
entonces vemos que aquí tenemos la línea base 00:01:07
cómo podemos tener hacia abajo BQ o SUB 00:01:09
hacia arriba TOP o SUPER 00:01:13
simplemente suben pero después se mantienen 00:01:15
¿de acuerdo? 00:01:19
y cómo podemos estar en el MIDDLE 00:01:20
a la mitad, etcétera, etcétera 00:01:22
o arriba del texto 00:01:25
¿de acuerdo? 00:01:26
entonces bueno, pues esto ya es cuestión 00:01:27
de ir viendo como va quedando en cada uno 00:01:29
de los casos y como nos puede 00:01:31
afectar, la indentación 00:01:33
como marco 00:01:35
esto que habitualmente 00:01:37
llamamos sangría, de acuerdo, esta indentación 00:01:38
pues en un párrafo puedo 00:01:41
indentar el texto 00:01:43
de esta manera, con lo cual lo que 00:01:44
extiende 00:01:47
intentando es esa primera línea 00:01:47
incluso hacia atrás 00:01:51
no tiene mucho sentido, la mayoría de los casos 00:01:52
por cuestiones de diseño 00:01:54
O incluso, como puedo decirle, que haya un margen a la izquierda, un margen que dejo a la izquierda, y que después indente el texto 25 hacia atrás. 00:01:55
Sería esta misma información, esto mismo que tenemos aquí, pero echado un poquito a la derecha con ese margen que acabamos de poner. 00:02:08
El espaciado entre letras. Bueno, pues poco que contar. Simplemente recordar cuál es la propiedad que hay que introducir. 00:02:17
bien 00:02:23
el espacio entre palabras 00:02:25
word spacing, también 00:02:29
ningún problema 00:02:31
la decoración de un texto, y aquí tenemos 00:02:32
una serie de posibilidades 00:02:34
none, que es por defecto 00:02:37
ninguna en la mayoría de las etiquetas 00:02:38
excepto en las de enlace 00:02:40
underline, subrayado 00:02:41
overline, sobrerayado 00:02:44
y line through, que es tachado 00:02:45
bueno, pues aquí vemos los resultados 00:02:48
en este navegador 00:02:50
en el grow, aquí siempre van contándonos 00:02:52
que en algunos casos habría que ver como 00:02:55
se mueve en cada uno 00:02:56
de los navegadores 00:02:58
después tenemos texture form 00:03:00
que nos permite por ejemplo capitalizar 00:03:02
es decir poner la primera letra mayúscula 00:03:04
de todo el texto, uppercase 00:03:06
todo en mayúsculas, lowercase 00:03:08
todo en minúsculas 00:03:10
aquí tenemos 00:03:11
el text shadow 00:03:16
esto nos permite hacer sombreados 00:03:18
podemos hacer esto, entonces para ello 00:03:20
ponemos el color 00:03:23
qué tamaño y qué desplazamiento 00:03:24
de respecto a lo que hay 00:03:26
ahí vamos poniendo una serie de características 00:03:27
para dejar el texto sombreado 00:03:31
de una manera o de otra 00:03:32
a mí sinceramente no me gusta ninguna de los sombreados 00:03:33
pero bueno, eso es un comentario particular 00:03:36
Waterspace 00:03:39
esta propiedad ya la vimos en un momento dado 00:03:41
cuando hablábamos de que 00:03:43
cuando tenemos varios espacios 00:03:44
qué es lo que tienen que hacer 00:03:46
entonces, bueno 00:03:48
vemos que en los casos de preformateo 00:03:50
En los casos de pre, se va a soportar exactamente esta opción, pero ¿qué ocurre si pongo a este mismo pre un white space normal? 00:03:52
Es decir, en que colapso los espacios en blanco, los junto, colapso los altos de línea, los junto y hago ajuste de línea. 00:04:05
Pues si el white space es normal, se convierte como cualquier texto que tengamos. 00:04:12
Aquí tenemos todas las características que tiene cada uno de las posibilidades que tiene Widespace 00:04:16
Y en función de lo que queramos obtener 00:04:21
Aquí podemos tener Widespace Pre o Widespace No Wrap 00:04:25
En el cual no salta, no hay ajuste de línea, continúa sin control, etc. 00:04:30
La dirección, como escribimos un texto hacia qué dirección 00:04:35
Left to right o right to left 00:04:38
y no se utiliza habitualmente 00:04:43
es muy raro que se utilice 00:04:47
pero existir existe 00:04:48
y esto es un poco todo lo que podemos hacer 00:04:50
con un texto 00:04:53
depende de la situación que nos encontremos 00:04:53
y para qué lo queramos 00:04:56
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
109
Fecha:
29 de diciembre de 2020 - 9:57
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
04′ 58″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
34.98 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid