Want to create interactive content? It’s easy in Genially!

Get started free

Infografía.Estándar CSS

Frida Sánchez

Created on March 13, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Halloween Infographic

Halloween List 3D

Magic and Sorcery List

Journey Map

Versus Character

Akihabara Connectors Infographic Mobile

Mobile mockup infographic

Transcript

Estándar Css (cascading style sheets)

¿Qué es ?

CSS (Hojas de Estilo en Cascada) es un lenguaje de estilo utilizado para definir la presentación y el diseño de documentos HTML o de cualquier lenguaje de marcado basado en XML. Con CSS, se puede controlar la apariencia de los elementos de una página web, como el color de fondo, la tipografía, el espaciado, los bordes y la disposición de los elementos en pantalla.

  • Cómo utilizar CSS
  1. Seleccionar elementos : Utiliza selectores para identificar qué elementos HTML deseas estilizar.
  2. Definir Propiedades y Valores : Asigna propiedades y valores CSS a los elementos seleccionados para cambiar su apariencia.
  3. Incorporar CSS en un documento HTML : Puedes incluir CSS en un documento HTML de varias maneras:
  4. Dentro del elemento <style>en el <head>documento.
  5. En un archivo CSS externo vinculado al documento HTML con la etiqueta <link>.
  • Evolución

Empiezan a aparecer las hojas de estilos poco después que el lenguaje de etiquetas SGML, debido a la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos.

1970

El organismo W3C, encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas, y solo se tuvieron en cuenta CHSS realizada por Håkon Wium Lie y SSP propuesto por Bert Bos. Entre finales de 1994, Lie y Bos se unieron para definir un nuevo lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets)

1994

El W3C(World Wide Web Consortium) decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML publicando la primera recomendación oficial, conocida como "CSS nivel 1"

1995

El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda recomendación oficial, conocida como "CSS nivel 2". Al mismo tiempo se desarrollo "CSS nivel 3".

1998

Se público el primer navegador con soporte completo de CSS 1 fue la versión para Mac de Internet Explorer 5. Por el momento, ningún navegador tiene soporte completo de CSS 2.1.

2000

Implementacion en algunos navegadores de partes de css3

2005

HTML 5 es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML.

2009

2019

Posiblemente salga CSS4

20XX

Comunica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!

20XX

Comunica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!

20XX

Comunica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!

20XX

Planifica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!

20XX

Estructura

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

20XX

Diseña

¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve

20XX

Comunica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!

20XX

Comunica

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta!