Kategorier: Alle - altura - relleno - listas - enlaces

av Brenda De La Cruz 5 år siden

982

CSS

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.

CSS

Tables

tr:hover {background-color: #f5f5f5;}

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; }

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

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:

div { width: 300px; border: 15px solid green; padding: 50px; margin: 20px; }

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.

CSS