Saltar navegación

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

CSS Listas - 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.

102 visualizaciones

Más información Transcripción

Descargar la transcripción

Bueno, las listas, las listas que ya sabemos que lo que van haciendo es enumerar bien de forma ordenada con un orden o bien de forma no ordenada, pues lo que podemos modificar son los elementos que aparecen por aquí, estos puntos. 00:00:00
Por ejemplo, podemos decir que una lista, su tipo de estilo de esa lista, list style type, puede ser ninguno, con lo cual no aparecería nada. 00:00:17
O que lleva un disco redondito, o un circle, un redondel sin nada al interior, o un cuadrado, o un valor de tipo decimal, a pesar de que es un huele, lo admitiría. 00:00:26
O un decimal con ceros, o números romanos, o caracteres griegos, etc., valores alfabéticos. 00:00:41
Así vemos que tenemos un montón, incluso de cosas que no sabíamos ni que existían, el iraana, por ejemplo. 00:00:51
Entonces todo esto va apareciendo en este orden. 00:00:58
Como podemos meter uno dentro de otro, podemos definir cada uno en su estilo. 00:01:01
Por ejemplo, este ul contiene un ul. 00:01:05
Podemos decir que OL es de tipo decimal 00:01:09
Que nos quedaría así 00:01:12
Y el OL que es de tipo disco 00:01:13
A pesar de que esto fuera en otro orden 00:01:15
Todo esto lo podemos mezclar como queramos 00:01:17
Incluso podemos definirle imágenes 00:01:20
Yo quiero que lo que me ponga delante sea 00:01:22
Esta imagen, esta cruz 00:01:25
O esta sonrisita 00:01:26
Y también podemos establecer 00:01:28
Incluso 00:01:32
Que tenemos en cada uno de los elementos 00:01:33
que están en la lista 00:01:37
entonces podemos indicárselos de esta manera 00:01:39
otra cosa que también nos interesa 00:01:42
es el diseño de listas 00:01:46
entonces el diseño de listas 00:01:48
podemos tener elementos muy curiosos 00:01:49
los menús horizontales 00:01:52
en principio todos los menús son verticales 00:01:53
pero yo en un momento dado puedo decir 00:01:56
por ejemplo que el tipo de estilo 00:01:58
es ninguno 00:02:00
y que cada li 00:02:00
cada elemento de la lista 00:02:03
flote a la izquierda 00:02:05
entonces aparece primero el 1 00:02:10
se pone en la izquierda, el siguiente el 2 00:02:11
el siguiente el 3, el siguiente el 4 00:02:13
podríamos hacer esto perfectamente 00:02:15
e incluso darle una separación 00:02:17
con lo cual empezamos a tener ya un aspecto 00:02:19
de menú horizontal, como podemos ver 00:02:21
si a eso le añadimos bordes, etc 00:02:23
pues vamos mejorando este aspecto 00:02:25
y podemos dibujar 00:02:28
estas cuestiones, ¿de acuerdo? 00:02:29
esto es lo que se utiliza realmente cuando después 00:02:31
utilizamos, cuando después hay 00:02:33
gestores de contenidos 00:02:35
y hacen menús, pues realmente hacen cosas 00:02:37
de este tipo, es lo que están haciendo 00:02:39
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
102
Fecha:
29 de diciembre de 2020 - 10:02
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
02′ 42″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
14.43 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid