La especificación Cascading Style Sheets original, así como su reciente revisión mucho más CSS3, son tecnologías que se utilizan para mejorar y páginas web en formato HTML. CSS fue inicialmente diseñado para manejar la capa de presentación de una página web de una manera más eficiente que el formato con HTML, que nunca fue pensado para gestionar la compleja construcción de la Web contemporánea. Debido a CSS2 es aa extensión universalmente adoptada de CSS1, la CSS plazo sin un número implica la inclusión de CSS2. La especificación CSS3 está todavía en desarrollo a partir de julio de 2014, por lo que los desarrolladores web deben tener en cuenta la compatibilidad de características varía entre los navegadores.
CSS3 es compatible con CSS
CSS 3 es una actualización de CSS2 que mantiene la compatibilidad con todas las características de CSS - CSS3 no desprecian cualquier parte del código CSS. El código CSS 3 está diseñado para hacer que las páginas web se vean mejor y se cargan más rápido, así como reducir el tiempo de desarrollo para crear páginas en el navegador del usuario. CSS3 hace que el diseño web menos dependiente de los archivos de imagen de la página elementos de diseño y reduce las solicitudes de transferencia de archivos y tiempo de descarga mediante el uso de un menor número de imágenes. CSS1 se centró en formato apariencia, mientras que CSS2 añade capacidades de posicionamiento del texto y los objetos. Versiones anteriores del navegador como Internet Explorer 9 y antes no apoyar ampliamente las características agregadas de CSS3, que pueden requerir tiempo de desarrollo adicional para mantener el código de repliegue CSS.
Añade CSS3 esquinas redondeadas y degradados
Antes de CSS3, los desarrolladores web necesarios para diseñar archivos de imagen para añadir cosas como esquinas redondeadas para las fronteras estructurales y los gradientes de imagen de fondo; CSS3 incluye características comparables que se pueden agregar con unas pocas líneas de código. En CSS, un desarrollador Web tiene que diseñar un borde o degradado, subirlo al servidor de imágenes, colocar la imagen en la página y el uso de CSS para posicionar correctamente la frontera. En CSS3, el desarrollador web puede lograr algo similar con un código como ".roundBorder {border-radius: 10px;}". gradientes de fondo son un poco más complicadas y requieren código diferente para diferentes navegadores. Por ejemplo, un gradiente de blanco a negro para Chrome e IE utiliza un código como ".gradBG {background: revestimiento en gradiente (blanco, negro);}".
CSS3 añade funciones de animación y efectos de texto
CSS3 tiene un puñado de características que no están presentes en el CSS para mejorar el aspecto de sus elementos de página. Con CSS3, los desarrolladores web pueden agregar una sombra de texto en texto para que sea más fácil de leer o añadir un toque visual y puede forzar saltos de línea dentro de las palabras más largas para que quepan dentro de columnas con ajuste de texto. Antes de CSS3, los desarrolladores web necesarios para la animación de código en lenguajes de script como JavaScript y jQuery; CSS3 añade varias características de animación a la capa de diseño. El W3C todavía está trabajando en un estándar de animaciones web para que funcionen a cabo los problemas de compatibilidad entre las diferentes técnicas de animación.
CSS3 Define las columnas de texto
CSS3 añade la capacidad para dividir las secciones de texto en varias columnas para leer como un periódico. En la especificación CSS2, los desarrolladores web tienen dificultades para la construcción de las secciones de texto de varias columnas debido a que la norma no está equipado para dividir el texto automáticamente. En particular, con los sitios que cuentan con el diseño de respuesta, una técnica de desarrollo que reorganiza y cambia el tamaño de contenido basado en la resolución de la pantalla del dispositivo de visualización, las personas con monitores más grandes pueden tener un tiempo difícil de leer filas de texto que extienden a través de la pantalla.