Las propiedades Vamos a ver algunas propiedades que pueden especificarse en los estilos, así como los valores que pueden tomar. Familia de la fuente: La propiedad es  font-family . Puede tomar como valor varios nombres de fuentes, separados por comas, como pueden ser  arial ,  helvetica , etc. La ventana de definir una familia de fuentes es que si el ordenador del visitante no tiene instalada la primera fuente, entonces se aplicará la segunda, así sucesivamente hasta encontrar una de las fuentes. Grosor del texto: La propiedad es  font-weight . Sus valores pueden ser:  bold  (negrita),  bolder  (mas negrita),  lighter  (ligera) o un número del  100  al  900 . Tamaño de la fuente: La propiedad es  font-size . Puede tomar como valor un número. Espacio entre líneas: La propiedad es  line-height . Puede tomar como valor un número. Espacio entre caracteres: La propiedad es  letter-spacing . Puede tomar como valor un número. Estilo de la fu

Sintaxis CSS Un conjunto de reglas CSS consta de un selector y un bloque de declaración: Los puntos selector para el elemento HTML que desea estilo. El bloque de declaración contiene uno o más declaraciones separados por punto y coma. Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos puntos. Una declaración CSS siempre termina con un punto y coma, y ​​los bloques de declaraciones están rodeados por llaves. Ejemplo p  {     color :  red ;     text-align :  center ; } Los selectores CSS selectores CSS se utilizan para "encontrar" (o seleccionar) elementos HTML en función de su nombre del elemento, ID, clase, atributo, y mucho más. El selector de elementos El selector de elementos selecciona elementos basados ​​en el nombre del elemento. Puede seleccionar todos los elementos <p> en una página como esta (en este caso, todos los elementos <p> serán centro alineado, con un color rojo texto): Ejemplo

CSS Demo, Una página HTML con Múltiples estilos! Aquí vamos a mostrar una página HTML que se muestra con cuatro hojas de estilo diferentes. Haciendo click en  "hoja de estilo 1", "2 de estilo", "hoja de estilo 3", "4" de hojas de estilo enlaces de abajo para ver los diferentes estilos: La misma página diferentes hojas de estilo Esta es una demostración de cómo las diferentes hojas de estilo pueden cambiar el diseño de su página HTML. Puede cambiar el diseño de esta página seleccionando diferentes hojas de estilo en el menú, o seleccionando uno de los siguientes enlaces: Stylesheet1  ,  Stylesheet2  ,  Stylesheet3  ,  Stylesheet4  . Sin Estilos Esta página utiliza elementos DIV para agrupar las diferentes secciones de la página HTML. Haga clic aquí para ver cómo la página se ve como sin hoja de estilo: Sin estilo