Want to create interactive content? It’s easy in Genially!
¿Qué es el estándar CSS?
Areli Martinez Diaz
Created on April 4, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
SIGNIFICADO
EstÁndar CSS
El lenguaje CSS por sus siglas en ingles Cascading Style Sheets, que en español es: Hojas de estilo en cascada
¿Que es?
Es un lenguaje informático que especifica cómo se presentan los documentos a los usuarios: cómo se diseñan, compaginan, etc.
Origen
Fue propuesto por Håkon Wium Lie en 1994 como una solución para separar la estructura del contenido de un sitio web de su presentación visual. Antes de CSS, el diseño se realizaba directamente en el código HTML, lo que dificultaba la consistencia y mantenimiento de los sitios.
Evolución
En sus inicios, CSS era limitado en funcionalidades y soporte, pero con el tiempo ha evolucionado hasta convertirse en un estándar robusto y versátil. Las diferentes versiones de CSS han introducido nuevas propiedades, selectores y técnicas que han ampliado las posibilidades creativas de los diseñadores web.
Evolución:
CSS1: En 1996, se publicó la primera especificación oficial de CSS, conocida como CSS1. Esta versión introdujo conceptos fundamentales como la selección de elementos, propiedades de fuente y color, y la capacidad de controlar márgenes y rellenos.
Importancia en el Diseño Web
-Controlar la presentación: Define cómo se ven los elementos HTML en la página. -Facilitar la consistencia: Permite aplicar estilos uniformes a lo largo de todo el sitio. -Optimizar la accesibilidad: Ayuda a mejorar la experiencia de usuario al facilitar la lectura y navegación. -Adaptarse a diferentes dispositivos: Permite crear diseños responsivos que se ajustan a distintos tamaños de pantalla.
CSS2:Posteriormente, en 1998 se lanzó CSS2, que amplió las capacidades del lenguaje al introducir soporte para posicionamiento, capas, tablas y otros elementos de diseño más avanzados.
CSS3:Con la llegada de CSS3, se incorporaron características aún más avanzadas como animaciones, sombras, gradientes y soporte para medios adaptables. CSS3 ha permitido a los diseñadores web crear experiencias visuales más ricas y dinámicas.
En resumen, el lenguaje CSS ha sido un elemento clave en la evolución del diseño web, permitiendo a los desarrolladores y diseñadores crear sitios más atractivos, funcionales y accesibles. Su importancia radica en su capacidad para separar la presentación del contenido, facilitando la creación de sitios web modernos y eficientes.
¿Cómo utilizar el CSS?
Hoja de estilo externaEn Empezar con el CSS, vinculamos una hoja de estilo externa a nuestra página. Este es el método más común y útil para adjuntar CSS a un documento, porque puedes vincular el CSS a varias páginas y dar estilo a todas ellas con la misma hoja de estilo. En la mayoría de los casos, las diferentes páginas de un sitio web se verán más o menos iguales, de modo que puedes usar el mismo conjunto de reglas para el aspecto y la interacción básicos.Una hoja de estilo externa significa que el CSS está escrito en un archivo independiente con una extensión .css y que lo vinculas desde un elemento <link> de HTML:
Hoja de estilo internaUna hoja de estilo interna es cuando no hay ningún archivo CSS externo, sino que colocas tu CSS dentro de un elemento <style> contenido dentro del elemento <head> del HTML.
Estilos en líneaLos estilos en línea son declaraciones CSS que afectan a un solo elemento, contenido dentro de un atributo de style:
Martínez Díaz Areli 3 II