PROPIEDADES BÁSICAS DE CSS:
background-color: Color de Fondo.
text: Color del texto. (el font color: se utiliza para dar color fuera del <body>.)
font-size: Trabaja el tamaño de la letra con px o %, pero es mas eficaz el uso de px.
text-transform
- text-transform:capitalize; (Primera letra de cada palabra en mayúsculas).
- text-transform:uppercase; (Mayúsculas).
- text-transform:lowercase; (Minúsculas).
- text-transform:none; (Previene que sea cambiado el tamaño de los caracteres)
- text-transform:full-width; (La escritura de un caracter, ideogramas y alfabeto latín abarque el espacio dentro de un cuadro, alineando el alfabeto asiático del este-chino, japonés).
text-shadow
- text-shadow: 1px 2px;
- text-shadow: 1px 2px pink;
- text-shadow: 1px 2px #f0f;
Tomado de:
Propiedades para el Tipo de Letra de Fuente:
- font-family: Tipo de letra. ([ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]
- font-size: Tamaño de la letra. (tamaño-absoluto | tamaño-relativo | distancia | porcentaje).
- font-style: Estilo de la letra.(normal, italic, oblique).
- font-variant: Versalitas.(normal, small-caps -(mayúsculas) ).
- font-weight: Grosor del trazo (negrita). { normal, bold, bolder, lighter }.
Propiedades para el Texto:
- color: Color del texto.
- direction: Dirección del texto (ltr/rtl).
- letter-spacing: Espacio entre caracteres (normal / distancia).
- text-align: Alineación del texto. (center, justify, left, right.)
- vertical-align: Alineación vertical. (baseline | bottom | middle | sub | super | text-bottom | text-top | top |).
Propiedades para los Fondos:
background:
- background-color: Color de fondo. (transparent / color).
- background-image: Imagen de fondo. (none / uri).
- background-position: Posición de la imagen de fondo. (left, center, right / top, center, bottom).
- background-repeat: Repetición de la imagen de fondo. (no-repeat, repeat, repeat-x, repeat-y, space, round).
- background-clip: Límite de la imagen de fondo.(border-box, padding-box,content-box.)
- background-size: Tamaño de la imagen de Fondo. (auto | [ distancia | porcentaje ] {2} | contain | cover).
- background-origin: Origen de la imagen de fondo. (border-box, padding-box,content-box).
Propiedades de Tamaño:
- Widht: Anchura. (auto | [ distancia | porcentaje ] ).
- min-width: Anchura mínima.
- max-width: Anchura máxima.
- height: Altura. (auto | [ distancia | porcentaje ] ).
- min-height: Altura mínima.
- max-height: Altura máxima.
- overflow: Si el contenido desborda al elemento.(auto/ hidden /scroll /visible).
No hay comentarios:
Publicar un comentario