CSS3Tutoriales básicos

CSS3 Tutoriales

CSS3是层叠样式表语言的最新发展，旨在扩展CSS2.1带来了许多期待已久的新颖性，例如圆角，阴影，渐变，过渡或动画，以及新的布局，例如多列，灵活的框或网格布局。实验的特性带有厂商前缀，应避免在生产环境中使用，或者应格外小心，因为它们的语法和语义将来都可能发生变化。

CSS3las nuevas características son muchas, por ejemplo, efectos de bordes redondos, bordes gráficos, sombras de bloques y sombras de texto, efectos de transparencia con RGBA, efectos de gradiente, uso de @Font-Face realiza la personalización de fuentes, múltiples imágenes de fondo, transformaciones de texto o imágenes (girar, escalar, inclinar, mover), diseño de multicolumnas, consultas de medios, etc.

CSS3 Tutoriales

CSS se utiliza para controlar los estilos y la disposición de las páginas web.

CSS3 es el estándar más reciente de CSS.

Este tutorial te explica CSS3 las nuevas características.

Comienza a aprender CSS3!

CSS3 Ejemplo de animación, que muestra un cambio de fondo de rojo a verde.

Ejemplo

!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　ancho:　100px;　　
　　　　altura:　100px;　　
　　　　fondo:　rojo;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome,　Safari,　Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome,　Safari,　Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{fondo:　rojo;}　　
　　　　to　{fondo:　verde;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{fondo:　rojo;}　　
　　　　to　{fondo:　verde;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>Nota:</b>　IE　9　Y las versiones anteriores no admiten CSS3　Atributos de animación.　</p>　　
<div></div>　　
</body>　　
</html>

Prueba aquí ‹/›

CSS3 Manual de referencias

En el sitio web de tutoriales básicos, ofrecemos CSS completo3 Manual de referencias, que incluye la sintaxis, ejemplos y información de soporte de navegador de todos los atributos y selectores de elementos.

Manual de referencias de propiedades de CSS

Manual de referencias de selectores de CSS

Manual de referencias de colores de CSS

CSS3 Introducción