css2 vs css3

Qué es CSS
El CSS es un lenguaje para definir el estilo o la apariencia de las páginas Web, escritas con HTML o de los documentos XML. CSS se creó para separar el contenido de la forma, a la vez que permite a los diseñadores mantener un control mucho más preciso sobre la apariencia de las páginas.
Las ventajas de cada una de ellas son las siguientes.
·         CSS es más estándar de estaforma es mejor aceptada por los navegadores.
·         CSS3 implementa nuevas funcionalidades y efectos sin la necesidad de librerías

Las diferencias entre ellas son las siguientes:
CSS funciona con módulos mientras que CSS2 no.

Lo nuevo que implementa CSS3:
Los bordes: Permite varios colores en el mismo lado del borde, también colocar imágenes de borde y lo que es muy utilizado es el debordes redondeados

Los fondos. Se pueden colocar varios fondos a la vez y también posicionarlos con más precisión y redimensionar al tamaño necesario para tu diseño

Los colores: Incorpora opacidad y degradados. HSL colors, HSLA colors, RGBA colors opacity.

Formatos: media queries, multiple column layout, speech.
Selectores: attribute selectors.
El texto: Incluyensombras, desbordamiento y ajuste de línea. text-shadow, text-overflow.

Las transformaciones como escalar o segar.

Efectos 3D.





Explicaciones de las nuevas características de CSS 3.

Bordes redondeados
Las características de CSS 3 incluyen bordes redondeados, a través del atributo border-radius, que define la curvatura que debe tener el borde del elemento.

Múltiples imágenes de fondo
En CSS normal(CSS 1), como hemos dicho, podemos colocar un único fondo a un elemento de la página. Esto es algo soportado por todos los navegadores. Como no podemos poner más de 1 fondo por elemento, para colocar varios fondos al mismo tiempo, tenemos que utilizar varios elementos. A cada elemento le colocaremos un único fondo, pero al mostrarse los elementos en el mismo espacio, conseguiremos el efecto deseadode tener varios fondos de imagen a la vez.
Una de las nuevas características de CSS 3 consiste en la posibilidad de declarar varios fondos de imagen a un elemento de la página. Lo que antes hemos visto que es posible, creando varios elementos anidados y colocando un fondo en cada uno, se puede hacer en CSS 3 con un solo elemento, al que aplicaremos varios fondos distintos.

Colores RGBAAhora, por medio de los colores en RGBA en CSS 3, podremos aplicar nuevas transparencias a los colores que especificamos con CSS, abriendo nuevas posibilidades a los diseñadores sin necesidad de complicarse con pequeños trucos como el uso de imágenes de fondo semitransparentes en PNG, etc. Además, como los colores RGBA se pueden aplicar a cualquier elemento que soporte asignación de color, lasaplicaciones aumentan todavía más. El único pero, al menos a la hora de escribir este artículo, es que CSS 3 no está ampliamente soportado por todos los navegadores.

Word-wrap
Como debemos saber, en el modelo de caja de los navegadores, las palabras se van colocando en líneas para ocupar toda la anchura disponible en la caja. Puede surgir un problema cuando tenemos una palabra muy larga, que no cabeen el ancho disponible del contenedor donde se ha colocado. Entonces lo que ocurre es que la palabra aparece por fuera de la caja, o incluso puede ocurrir que la caja se deforma de tamaño, haciendo que el elemento contenedor amplíe la anchura lo suficiente para que quepa la palabra. En cualquier caso, el efecto resultante suele ser poco agradable, porque muchas veces nos descuadra nuestro diseño yhace que las páginas queden mal maquetadas.
Para evitar este efecto, en CSS 3 se ha incluido un atributo llamado word-wrap que sirve para especificar que las palabras que sean demasiado largas se deben cortar, de manera que quepan en el ancho disponible de la caja. Una propiedad muy útil que seguro que pronto se comenzará a utilizarse habitualmente. Una propiedad de CSS 3 que sirve para...