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.
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;
}
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;
}
#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;
}
.lateral{
text-align: right;
}
No hay comentarios.:
Publicar un comentario