Propiedades De Css

Atributos de las hojas de estilo

Tanto para practicar en tu aprendizaje como para trabajar con las CSS lo mejor es disponer de una tabla donde se vean los distintos atributos y valores de estilos que podemos aplicarle a las páginas web.

Aquí puedes ver la tabla de los atributos CSS, tenla a mano cuando utilices las CSS.

NOMBRE DEL ATRIBUTO

POSIBLES VALORES

EJEMPLOS

FUENTES - FONTS

color valor RGB o nombre de

color color: #009900;

color: red;

Sirve para indicar el color del texto. Lo admiten casi todas las etiqetas de HTML. No todos los nombres de colores son admitidos en el estandar, es aconsejable entonces utilizar el valor RGB.

font-size xx-small | x-small | small

| medium | large | x-large | xx-large

Unidades de CSS font-size:12pt;

font-size: x-large;

Sirve para indicar el tamaño de las fuentes de manera más rígida y con mayor exactitud.

font-family serif | sans-serif |

cursive | fantasy | monospace

Todas las fuentes habituales font-family:arial,helvetica;

font-size: fantasy;

Con este atributo indicamos la familia de tipografia del texto. Los primeros valores son genéricos, es decir, los exploradores las comprenden y utilizan las fuentes que el usuario tenga en su sistema.

También se pueden definir con tipografías normales, como ocurría en html. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien.

font-weight normal | bold | bolder |

lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 font-weight:bold;

font-weight: 200;

Sirve para definir la anchura de los caracteres, o dicho de otra manera, para poner negrillas con total libertad.

Normal y 400 son el mismo valor, así como bold y 700.

font-style normal | italic | oblique font-style:normal;

font-style: italic;

Es el estilo de la fuente, que puede ser normal, itálica u oblícua. El estilo oblique es similar al italic.

PÁRRAFOS - TEXT

line-height normal y unidades CSS line-height: 12px;

line-height: normal;

El alto de una línea,y por tanto, el espaciado entre líneas. Es una de esas características que no se podian mofificar utilizando HTML.

text-decoration none | [ underline ||

overline || line-through ] text-decoration: none;

text-decoration: underline;

Para establecer la decoración de un texto, es decir, si está subrayado, sobrerayado o tachado.

text-align left | right | center |

justify text-align: right;

text-align: center;

Sirve para indicar la alineación del texto. Es interesante destacar que las hojas de estilo permiten el justificado de texto, aunque recuerda que no tiene por que funcionar en todos los sistemas.

text-indent Unidades CSS text-indent: 10px;

text-indent: 2in;

Un atributo que sirve para hacer sangrado o márgenes en las páginas. Muy útil y novedosa.

text-transform capitalize | uppercase |

lowercase | none text-transform: none;

text-transform: capitalize;

Nos permite transformar el texto, haciendo que tenga la primera letra en mayúsculas de todas las palabrs, todo en mayúsculas o minúsculas.

FONDO - BACKGROUND

Background-color Un color, con su nombre

...