.css3{

...

}


Css3

Las Hojas de estilo en cascada nos permiten hacer paginas web mas elaboradas y dinámicas sin tener que utilizar algún otro lenguaje de programación.

#Historia{


CSS1: publicado en 1996, soporte para tipo de letra, colores de texto, imágenes de fondo, bordes y relleno;

 CSS2: publicado en 1998, se añade esl posicionamiento absoluto y relativo y z-index;

CSS2.1: publicado en 2011, corrección de errores, se eliminan características que el navegador no soportaba;


}

selectores


Seguimos contando con los selectores básicos de CSS2.1 (universal, tipo, descendente, clase, id)

En CSS3 se añaden nuevos selectores, como:

elemento[atributo^="valor"]

elemento[atributo$="valor"]

elemento[atributo*="valor"]

#Gradientes{



background-image: linear-gradiente(
(posición inicial de x)
y(posición inicial de y)
x(posición final de x)
y(posición final de y)
);

}

 

Transiciones 

Las transiciones nos sirven para poder crear una pagina mas interactiva y atractiva parara el usuario

#cuadro{width:200px;height:200px;background:red;transition:width 2s;} #cuadro:hover{width:400;background:blue;}






#Generadores{


hazlo por mi!!!


}


CSS3 Generator




css-tricks




css3 maker





#compatibilidad{


//Si el navegador no acepta los estilos que hago?

}


Normaliza!






Solo uso IE7


.moderniza{


}

css3

By Sebastian Gorro Towi