Hoja De Presentacion

Propiedad Valor Descripción

font-family Fuente específica (Arial, Times, Verdana)

Familia (serif, sans-serif, fantasy, monospace, cursive) Define uno o más nombres de fuentes o familias de fuentes. Si se definen múltiples fuentes, se utilizará la primera que se encuentre en el sistema del usuario.

font-style normal, italic, oblique Define el estilo de la escritura

font-weight lighter, normal, bold o bolder.

Valor numérico (100, 200, 300, 400, 500, 600, 700, 800, 900) Define el grosor de la fuente

font-size xx-small, x-small, small, medium, large, x-large, xx-large

Tamaño en puntos (pt), cm, % Define el tamaño de la fuente

font-variant normal, small-caps Define una variante (mayúsculas chicas)

font font: Verdana, Arial, bold italic 8px; Acceso directo a todas las propiedades

Textos y párrafos

Propiedad Valor Descripción

color "#RRGGBB" Define el color del texto

line-height line-height: 12pt; Define el espacio entre las líneas

text-align left, center, right o justify Define la alineación del texto

text-indent text-indent: 5px; Define la sangría

text-decoration blink (parpadeo), underline (subrayado), line-through (tachado), overline (línea sobre el texto) o none (sin decoración) Define la decoración

text-shadow text-shadow: 1px 2px 4px black; Define una sombra paralela del texto y representa, respectivamente, la sombra hacia la derecha, hacia abajo, radio de desenfoque y color.

text-transform uppercase (mayúscula), lowercase (minúscula) o capitalize (primea letra en mayúscula) Define la capitalización del texto

white-space normal (el texto continuará en la próxima línea), pre (el texto aparecerá con los espacios en blanco que se ingresaron), nowrap (el texto no continuará) División de palabras

word-spacing word-spacing: 6px; Define cuánto espacio insertar entre las palabras

width en puntos (pts), pulgadas ("), centímetros, píxeles (px) o en % Define el ancho de un texto o una imagen

height en puntos (pts), pulgadas ("), centímetros, píxeles (px) o en % Define la altura de un texto o una imagen

Colores de fondo

Propiedad Valor Descripción

background-color "#RRGGBB" Define el color de fondo

background-image url(http://url) Define la imagen de fondo

background-repeat repeat, repeat-x, repeat-y, no-repeat Define cómo se repite la imagen de fondo

background-attachment scroll, fixed Especifica si la imagen de fondo se quedará en su lugar cuando la pantalla se desplace

background-position top, middle, bottom, left, center o right Posiciona la imagen con respecto a la esquina superior izquierda

background background: url(test.jpg) fixed repeat; Acceso directo a las propiedades de fondo

Márgenes

Propiedad Ejemplo Descripción

margin-top margin-top: 5px; Valor del margen superior

margin-right margin-right: 0.5em; Valor del margen derecho

margin-bottom margin-bottom: 2pt; Valor del margen inferior

margin-left margin-left: 0; Valor del margen izquierdo

margin margin: 5px 0.5em 2pt 0; Acceso directo a las propiedades de márgenes

Bordes

Propiedad Valor Descripción

border[-top -left -bottom -right]-width en puntos

...