En el diseño web, los enlaces tienen varios estados que permiten diferentes interacciones con los usuarios. Estos estados incluyen enlaces normales, visitados, en hover y activos, cada uno con su propio estilo.
Las propiedades de la lista CSS le permiten:
Establecer diferentes marcadores de elementos de lista para listas ordenadas
Establecer diferentes marcadores de elementos de lista para listas desordenadas
Establecer una imagen como el marcador de elemento de lista
Añadir colores de fondo a las listas y elementos de la lista
Height and Width
puede configurarse en automático (esto es predeterminado. Significa que el navegador calcula la altura y el ancho), o puede especificarse en valores de longitud , como px, cm, etc., o en porcentaje (%) del bloque que contiene.
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
Box Model
El modelo de caja CSS es esencialmente una caja que envuelve cada elemento HTML. Se compone de: márgenes, bordes, relleno y el contenido real. La siguiente imagen ilustra el modelo de caja:
Los cuatro estados de enlaces son:
a:link - un enlace normal, no visitado
a:visited - Un enlace que el usuario ha visitado.
a:hover - Un enlace cuando el usuario hace click sobre él.
a:active - Un enlace al momento de hacer clic.