CSS
Links
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.
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:
div {
width: 300px;
border: 15px solid green;
padding: 50px;
margin: 20px;
}
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;
}
Lists
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
Padding
Generar espacio alrededor del contenido de un elemento, dentro de los bordes definidos.
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
}