lunes, 24 de octubre de 2016

CSS

CSS Por sus siglas en inglés Cascading Style Sheets es el encargado de darle estilo a las páginas web, es decir, como se va mostrar la información en la pantalla. Su objetivo principal es ahorrar tiempo, ya que permite dar estilo a múltiples páginas con un solo archivo. 

CSS fue desarrollado por W3C.

Sintaxis

Un estilo CSS normalmente se compone de dos partes; selector y declaración.

http://www.w3schools.com/css/
Imagen tomada de http://www.w3schools.com/css
El selector es el elemento HTML al que se le quiere dar estilo(puede ser el nombre de una clase, de un elemento HTML o el id de un elemento), mientras que una declaración agrupa a su vez varias declaraciones separadas por punto y coma. Cada declaración se compone de una propiedad:valor.

Selectores CSS

Imagen tomada de http://www.c-sharpcorner.com
Selector Elemento: Selecciona los elementos basados en su nombre html. Para seleccionarlo basta con escribir su nombre seguido de las declaraciones encerradas entre corchetes. Ejemplo:

header {
color:red;
}

Selector Id: Selecciona un elemento en base a su atributo id. Para seleccionarlo en CSS se antepone a su nombre el símbolo #. Ejemplo:

#titulos{
font-size:16px;
}

Selector Clase: Selecciona uno o varios elementos en base a su atributo clase. Para seleccionarlo en CSS se antepone a su nombre el símbolo . Ejemplo:

.lateral{
text-align: right;
}

No hay comentarios.:

Publicar un comentario