.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(
x (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
css3
- 673