viernes, 3 de agosto de 2018

Nombrar elementos en CSS

En CSS si quieres afectar a algún elemento del HTML tienes varias opciones.

La mas obvia es referirse a los elementos por etiquetas, simplemente escribiendo la etiqueta como se haría en HTML sin el mayor y menor. Como esto:

 p {  
   background-color: red;  
 }  
Y el resultado seria algo a esto:

Pero si quisiéramos darle un color diferente a cada p le tendríamos que dar un nombre diferente a cada p, para ello en HTML habría que hacer algo así: 

 <p id='uno'>Y en este los dos</p>  
 <p id='dos'>estamos de colores distintos</p>  

Y para llamarlos en el CSS hay que poner un # delante del nombre y escribir los parámetros como haríamos normalmente, similar a esto:

 #uno {  
   background-color: red;  
 }  
 #dos {  
   background-color: blue;  
 }  

Y con esas dos cosas implementadas en tu código el resultado debería de ser este:
También se puede utilizar * para afectar a todos los elementos (esto también incluye el fondo).
Este seria un ejemplo:


 * {  
  margin:1;  
  padding:2;  
 }  

No hay comentarios:

Publicar un comentario