CSS3

CSS3

CSS se ha ampliado para ser capaz de elementos de estilo de una manera mucho más compleja. Esto se refiere a menudo como CSS3, aunque CSS no es una especificación monolítica más y los diferentes módulos no están todos en el nivel 3: algunos están en el nivel 1 y un poco en el nivel 4, con todos los niveles intermedios cubiertos.´

Nuevas características de diseño de fondo:

Ahora es posible poner una sombra a un cuadro, con box-shadow y varios fondos se pueden ajustar.

La propiedad CSS box-shadow describe uno o más efectos de sombra como una lista separada por comas. Permite echar una sombra de la trama de casi cualquier elemento

Bordes más lujosos:

Ahora no sólo es posible utilizar las imagenes con los estilos de bordes, utilizando border-image y asociando sus propiedades asociadas a longhand, aunque los bordes redondeados son apoyados a través de propiedades border-radius.

La propiedad de CSS border-image permite utilizar una imágen para definir los bordes de los elementos. Esto hace que dibujarlos sea más simple y elimina la necesidad de utilizar muchas cajas en algunos casos.

La propiedad CSS border-radius permite una Definir los Autores Web cómo esquinas redondeadas son fronterizas . La curva de cada esquina se define utilizando una o dos radios , definiendo su forma: círculo o elipse.

Animación de su estilo:

Utilizando Transiciones CSS para animar entre los diferentes estados o utilizando animaciones CSS para animar partes de la página, sin que evento trigerring, ahora puede controlar los elementos móviles en su página.

Transiciones CSS , que forman parte del conjunto de especificaciones de CSS3 , proporcionan una forma de controlar la velocidad de la animación al cambiar las propiedades CSS . En lugar de tener los cambios de propiedad surten efecto inmediatamente , puede causar los cambios en una propiedad que tendrá lugar durante un período de tiempo.

Animaciones CSS hacen posible animar las transiciones de una configuración de estilo CSS a otro. Animaciones constan de dos componentes, un estilo que describe la animación CSS y un conjunto de fotogramas clave que indican los estados inicial y final del estilo de la animación , así como los posibles puntos de ruta intermedios a lo largo del camino.

Tipografía mejorada:

Los autores tienen un mejor control para llegar mejor a la tipografía. Se puede controlar el texto de desbordamiento y guiones , pero también puede una sombra de ella o controlar con mayor precisión sus decoraciones . Tipos de letra personalizados se pueden descargar y aplicar gracias a la nueva regla @font-face.

La @font-face CSS en regla permite a los autores especificar fuentes en línea para mostrar texto en sus páginas web.

Nuevos diseños de presentación:

Con el fin de mejorar la flexibilidad de los diseños, se han añadido dos nuevos diseños: el CSS diseño de varias columnas , y el cuadro de distribución flexible de CSS.

El diseño CSS de varias columnas se extiende el modo de diseño de bloque para permitir la fácil definición de varias columnas de texto.

El cuadro de distribución flexible CSS3 o FlexBox , es un modo de diseño que prevé la disposición de los elementos en una página de tal manera que los elementos se comportan de manera predecible ante el diseño de página debe adaptarse a los diferentes tamaños de pantalla y diferentes dispositivos de visualización.