CSS

Mer som dette

SMART ART

Ved Richard Mundaca Morales

URL

Ved Jonathan Landázuri

REACCIONES ORGÁNICAS

Ved Jesus Ulpino

titulos de valores y operaciones en caja

Ved Anyelis Sierra Gonzalez

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