hojas de estilo

Click here to load reader

Upload: margarita-labastida

Post on 13-Apr-2017

22 views

Category:

Engineering


0 download

TRANSCRIPT

HOJAS DE ESTILO CSS

ReferenciasHOJAS DE ESTILOCSS

SINTAXISUn conjunto de reglas CSS consta de un selector y un bloque de declaracin:

El selector para el elemento HTML que desee el estilo.El bloque de declaracin contiene una o ms declaraciones separadas por punto y coma.Cada declaracin incluye un nombre de propiedad CSS y un valor, separados por dos puntos.Una declaracin CSS siempre termina con un punto y coma, y los bloques de declaraciones estn rodeados por llaves.

En el siguiente ejemplo todos los elementos estarn alineados-centro, con un color rojo texto:

Los selectores CSSLos selectores CSS se utilizan para "encontrar" (o seleccionar) elementos HTML en funcin de su nombre de elemento, la identificacin, clase, atributo.

El selector de elementoEl selector de elementos selecciona elementos basados en el nombre del elemento.

Puede seleccionar todos los elementos en una pgina como esta (en este caso, todos los elementos estarn alineados-centro, con un color rojo texto):

El selector de IDEl selector de ID utiliza el atributo id de un elemento HTML para seleccionar un elemento especfico.

La identificacin de un elemento debe ser nico dentro de una pgina, por lo que el selector de ID se utiliza para seleccionar un elemento nico!

Para seleccionar un elemento con un ID especfico, escribe un carcter almohadilla (#), seguido por el id del elemento.

La regla de estilo a continuacin se aplica al elemento HTML con id = "prrafo1":

El selector de claseEl selector de clase selecciona los elementos con un atributo de clase especfica.Para seleccionar elementos con una clase especfica, escriba un punto (.) Carcter, seguido del nombre de la clase.En el siguiente ejemplo, todos los elementos HTML con class= "centro" ser de color rojo y alineado al centro:

Tambin puede especificar que los elementos HTML especficos solamente deben verse afectadas por una clase.En el siguiente ejemplo, solamente elementos con class= "centro" estarn alineados-centro:

La agrupacin de selectoresSi tiene elementos con las mismas definiciones de estilo, como este:Ser mejor al grupo de los selectores, para reducir al mnimo el cdigo.Para selectores de grupo, separar cada selector con una coma.

En el siguiente ejemplo, hemos agrupado los selectores del cdigo anterior:

CSS ComentariosLos comentarios se utilizan para explicar el cdigo, y pueden ayudar al editar el cdigo fuente en una fecha posterior.

Los comentarios son ignorados por los navegadores.

Un comentario CSS comienza con / * y termina con * /. Los comentarios tambin pueden abarcar varias lneas: