Archivo de la etiqueta: @font-face

Diez atributos CSS3 imprescindibles (Segunda parte 10/10)

6 – Media Queries

Las Media Queries nos permiten “ejecutar” cierto código CSS cuando se cumple una o más condiciones. Y por “ejecutar” me refiero a que el código contenido en esta Media Querie se superpondrá al resto de los valores ya definidos para los elementos que estemos modificando con la misma. Suena un poco confuso pero es bastante sencillo, especialmente si vemos el código:

1
2
3
4
5
6
7
8
9
10
11
.caja{
      width:200px;
      height:100px;
 }
 
 @media only screen and (max-width:768px) and (min-width:480px){
     .caja{
           width:100px;
           height:50px;
     }
 }
.caja{
      width:200px;
      height:100px;
 }

 @media only screen and (max-width:768px) and (min-width:480px){
     .caja{
           width:100px;
           height:50px;
     }
 }

Sigue leyendo Diez atributos CSS3 imprescindibles (Segunda parte 10/10)