Diferencias entre la CSS y CSS3

Cascading Style Sheets , conocidos como " CSS ", es un lenguaje de diseño Web que se utiliza para controlar la apariencia de las páginas Web . Archivos CSS se crean por separado de las páginas web durante el proceso de diseño que los hace altamente flexible. Una vez que una página web se ha creado , un diseñador cambia simplemente los archivos CSS sin tocar el código principal HML . Desde el lanzamiento oficial de la primera especificación de CSS, el lenguaje de marcado ha sido objeto de numerosas modificaciones y cambios . CSS3 ahora viene con muchas más funciones y es compatible con una rica interfaz y funcionalidad adicional. Módulos
Módulos

son un nuevo concepto en CSS3 que permiten la especificación CSS se divida en grupos de características. Esta arquitectura ha significado que CSS3 puede empezar a rodar con muy pocas nuevas características y a medida que madura , se añadió más características como módulos , de forma similar al método utilizado en el desarrollo ágil de desarrollo de software . Este desarrollo iterativo e incremental de CSS3 ha supuesto que es más flexible en comparación con sus predecesores.
Múltiples Fondos

Con CSS, que tiene múltiples orígenes hubieran requerido el uso de una serie de etiquetas HTML y etiquetas div que los conviertan en una página web. Con CSS3, el nuevo y mejorado propiedad " Imagen de fondo " permite que la mentira de los diseños de imagen en la parte superior de uno al otro , al declarar como se muestra en el código de ejemplo :

Background -image : url ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
texto sombreado

los efectos especiales de CSS necesarias que el texto se representa por primera vez en la imagen - software de edición y luego vinculado a una página web mediante la etiqueta " ." la propiedad "sombra texto" en CSS3 permite ahora las características del texto como un texto borroso efecto de sombra que se añaden mediante una etiqueta . este código muestra cómo se trata hecho :

text-shadow : 1px 6px 4px # 33333 ;

el tercer valor , " 6px ", controla el efecto borroso mientras que los dos primeros valores controlan la dirección de sombra
.
opacidad

con CSS , usted necesita usar varios trucos para producir el efecto de opacidad con CSS3 nueva característica opacidad, esto se hace ahora en un solo paso , como se muestra en el código. :

# my_id {

fondo: # F11 ;

Opacidad: 1 ;

}
Radio Frontera

desarrolladores utilizan unas pocas líneas de código tengan esquinas redondeadas y sin la necesidad de utilizar el método de CSS más viejo de la importación de nuevas bibliotecas y la creación de imágenes para cada esquina Este código muestra cómo se hace en CSS3 : .

# ID {

Alto: 50px ;

Ancho: 50px

Border : 2px solid # F00 ;

}