Qué Son Las Css

CSS Diseñando desde el código Por: Maximiliano Martin

CSS C ascading S tyle S heets Hojas de Estilo en Cascadas

Hojas de Estilo en Cascadas W3C Un mecanismo simple para agregar el estilo a los documentos del Web Wikipedia Lenguaje formal usado para definir la presentación de un documento estructurado, escrito en XHTML

Prehistoria :) Mark-up o Marcación Término de imprenta “ conjunto de instrucciones estilísticas detalladas escritas en un manuscrito que debe ser tipografiado” {

{ GML Lenguaje de marcas Generalizado IBM (Años ’80) Estudio/ Pseudolenguaje/ no diseño/ ‘ 70 ‘ 80 IBM Describir documentos Charles F. Goldfab (Años ’70) IBM GML

SGML Lenguaje de Marcación Generalizado Standard ISO 88879 (1986) Dictado/estructurado/Tags/ independencia / complejo y caro/css/ { ‘ 70 ‘ 80 1986 IBM GML SGML

Exponencial/ navegadores/sucio CHSS/SSP/CSS { HTML 1.0 Lenguaje de Marcación Hipertextual Tim Berners-Lee (1990) ‘ 70 ‘ 80 1986 1990 IBM GML SGML HTML

CSS Nivel 1 Primera recomendación oficial W3C (1994) (finales del 1996) ‘ 70 ‘ 80 1986 Internet/ 2.1/ 1990 { 1996 1998 CSS Nivel 2 Segunda recomendación oficial W3C (Mayo de 1998) IBM GML SGML HTML CSS1 CSS2

¿Qué es CSS? Un lenguaje para controlar la presentación La mejor forma de separar contenido de presentación Obliga a crear documentos HTML/XHTML bien definidos la base de la Web semántica Mejora la Accesibilidad del documento Minimiza el esfuerzo de manutención Permite la visualización en dispositivos diferentes

¿Y cómo es una CSS? Un “simple” documento de texto plano con extensión “.css”

Internet/ Glosario básico { ,[object Object],h1{ color: #F00;} ,[object Object],[object Object],[object Object],[object Object]

Internet/ Selectores básicos { ,[object Object],*{ … } p{ … } p span{ … } ,[object Object],[object Object],.especial{ … } ,[object Object],#especial{ … } ,[object Object]

Internet/ Selectores básicos { p a{ color: #F00;} ,[object Object],p * a{ color: #F00;}

Internet/ Propiedades principales { ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Internet/ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],{ Modelo de Caja Área Visible Width Height Border Padding Margin

Internet/ Valores principales { ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Internet/ Medios { ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Diseño Front y CSS? Diseño XHTML CSS

Internet/ HTML CSS 2.0 1990 1998 ¿Cómo funciona? <html> <head> <title>Ejemplo de estilos con CSS</title> <link rel="stylesheet" href=“ estilo.css " type="text/css" /> </head> <body> <h1>Titular de la página</h1> <p>Un párrafo de texto no muy largo.</p> </body> </html> ejemplo.html h1 { color: #F00; font-family: Arial; font-size: large; } p { color: #000; font-family: Verdana; font-size: medium; } estilo.css

Internet/ Recursos { ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Internet/ Referencias { ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Gracias :) Por: Maximiliano Martin

Qué Son Las Css

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

En vedette

En vedette (6)

Similaire à Qué Son Las Css

Similaire à Qué Son Las Css (20)

Plus de Maximiliano Martin

Plus de Maximiliano Martin (20)

Dernier

Dernier (13)

Qué Son Las Css