CSS

CSS

1. Concepto

   • CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML
   • Hojas de estilo en cascada

2. Creador

   • La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995.
     • En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996

3. Navegadores que les soportan

4. Formas de dar estilo a una pagina

   • En la misma pagina
     • Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).
       • <head> <style type="text/css"> p { color: red; font-family: Verdana; } </style> </head>
         • <p>Un párrafo de texto.</p>
           • Un párrafo de texto
   • En un archivo externo en .css
     • archivo.css
       • <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />

5. Componente

6. Selectores

   • Selector universal
     • * { margin: 0; padding: 0; }
   • Selector de tipo o etiqueta
     • h1, h2, h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
   • Selector descendente
     • p span { color: red; }
       • Codigo en html
   • Selector de clase
     • se prefija el valor del atributo class con un punto (.)
       • .destacado { color: red; }
   • Selectores de ID
     • se utiliza el símbolo de la almohadilla (#) en vez del punto (.)
       • #destacado { color: red; }

7. Se puede utilizar en

   • tablas
   • Formularios
   • Texto
   • Layot
   • Selectores
   • imagenes
   • Listas
   • Cajas
   • Unidades de medidas y Colores
   • Posesionamineto y visualizacion

8. Bordes

Bilder und Dateien der Mindmap