CSS: CSS significa hoja de estilo en cascada. Su principal objetivo es dotar de estilo y moda a la página web. CSS proporciona propiedades de color, diseño, fondo, fuente y borde. Las características de CSS permiten una mejor accesibilidad al contenido, mayor flexibilidad y control, así como la especificación de las características de presentación.
CSS3: CSS3 significa Hoja de estilo en cascada nivel 3, que es la versión avanzada de CSS. Se utiliza para estructurar, diseñar y formatear páginas web. Se han agregado varias características nuevas a CSS3 y es compatible con todos los navegadores web modernos. La característica más importante de CSS3 es la división de los estándares CSS en módulos separados que son más simples de aprender y usar.
Diferencia entre CSS y CSS3:
S. No. | CSS | CSS3 |
---|---|---|
1 | CSS es capaz de posicionar textos y objetos. | Por otro lado, CSS3 es capaz de hacer más atractiva la página web y toma menos tiempo para crear. CSS3 es compatible con versiones anteriores de CSS. |
2 | El diseño receptivo no es compatible con CSS | CSS3 es la última versión, por lo que es compatible con el diseño receptivo. |
3 | CSS no se puede dividir en módulos. | Mientras que CSS3 se puede dividir en módulos. |
4 | Usando CSS, no podemos construir animación y transformación 3D. | Pero en CSS3 podemos realizar todo tipo de animaciones y transformaciones ya que admite animaciones y transformaciones 3D. |
5 | CSS es muy lento en comparación con CSS3 | Mientras que CSS3 es más rápido que CSS. |
6 | En CSS tenemos un conjunto de colores estándar y solo utiliza esquemas de color básicos. | Mientras que CSS3 tiene una buena colección de colores HSL RGBA, HSLA y degradados. |
7 | En CSS solo podemos usar bloques de texto individuales. | Pero en CSS3 podemos usar bloques de texto de varias columnas |
8 | CSS no admite consultas de medios. | Pero CSS3 admite consultas de medios |
9 | Los códigos CSS no son compatibles con todos los tipos de navegadores modernos. | Al ser la última versión, los códigos CSS3 son compatibles con todos los navegadores modernos. |
10 | En CSS, los diseñadores tienen que desarrollar manualmente degradados y esquinas redondeadas. | Pero CSS3 proporciona códigos avanzados para configurar gradientes y esquinas redondeadas |
11 | No hay efectos especiales como sombreado de texto, animación de texto, etc. en CSS. La animación fue codificada en jQuery y JavaScript. | CSS3 tiene muchas funciones avanzadas como sombras de texto, efectos visuales y una amplia gama de estilos y colores de fuente. |
12 | En CSS, el usuario puede agregar colores de fondo a los elementos de la lista y las listas, establecer imágenes para los elementos de la lista, etc. | Mientras que la lista CSS3 tiene una propiedad de visualización especial definida en ella. Incluso los elementos de la lista también tienen propiedades de restablecimiento del contador. |
13 | CSS fue desarrollado en 1996. | CSS3 es la última versión de CSS y se lanzó en 2005. |
14 | CSS requiere mucha memoria. | El consumo de memoria CSS3 es bajo en comparación con CSS. |
Nuevas características de CSS3:
Combinador: CSS3 tiene un nuevo combinador general de hermanos que se empareja con elementos hermanos a través del combinador de tilde (~).
Selectores CSS: Los selectores CSS3 son mucho más avanzados en comparación con los selectores simples que ofrece CSS, y se denominan como una secuencia de selectores simples y fáciles de usar.
Pseudo-elementos: Se han agregado muchos pseudo-elementos nuevos a CSS3 para brindar un estilo fácil y profundo. Incluso se agrega una nueva convención de dos puntos dobles ::.
Estilo de borde: el último CSS3 también tiene nuevas características de estilo de borde como radio de borde, división de imagen, fuente de imagen y valores para «ampliación de ancho», etc.
Propiedades de estilo de fondo: se han agregado a CSS3 nuevas características como propiedades de clip de fondo, tamaño, estilo y origen .
Publicación traducida automáticamente
Artículo escrito por vanshgaur14866 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA