CSS (Cascading Style Sheets) Lenguaje usado para definir la presentación de un documento estructurado (HTML, XHTML) Desarrollado por el W3C La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación Extensión .css
Sintaxis selector { propiedad: valor ; }
Donde escribir CSS 1. Dentro de la etiqueta: <p style=&quot;color:#009900&quot;> Este párrafo es de color verde.</p>
Donde escribir CSS 2. Dentro del documento <head> <STYLE type=&quot;text/css&quot;> p { color:#009900; } </STYLE> </head>
Donde escribir CSS 3. Hoja de estilos (.css) Llamada desde el HTML: <head> <link rel=&quot;STYLESHEET&quot; type=&quot;text/css&quot; href=&quot;estilos.css&quot;> </head>
Selectores 1.  Universal *{ } 2.  De Tipo: body{ } p{ } h1{ } ul{ } table{ } ...
Selectores 3.  De Clase: .p_rojo{ color:#990000; } Llamada desde el HTML: <p class=&quot;p_rojo&quot;>Este párrafo es rojo</p>
Selectores 4. DE Pseudo-clase: Enlaces normales a:link { } Enlaces visitados a:visited { } Enlaces activos a:active { } Enlaces hover a:hover { }
Selectores 5. De Identificador: #p_unico{ color:#990000; } Llamada desde el HTML: <p id=&quot;p_unico&quot;>El formato de este párrafo es único</p>
Propiedades http://www.ateneupopular.com/blogs/chuleta-css-conceptos-basicos/
Valores Números enteros Decimales Hexadecimales (rojo = #f00) Palabras protegidas: rojo, aqua, bold, solid… Medidas: Unidades absolutas Unidades relativas
Unidades absolutas in , pulgadas (1 pulgada son 2.54 centímetros) cm , centímetros mm , milímetros pt , puntos (1 punto equivale a 1 pulgada/72, es decir, unos 0.35 milímetros) pc , picas (1 pica equivale a 12 puntos, es decir, unos 4.23 milímetros)
Unidades relativas em , relativa respecto del tamaño de letra previamente definida, o 16px por omisión.  ex , relativa respecto de la altura de la letra x (&quot;equis minúscula&quot;) del tipo de letra que se esté utilizando px , (píxel) relativa respecto de la pantalla del usuario % ,   (porcentaje) el valor de porcentaje es relativo al tamaño del elemento
Etiquetas <span> y <div> span , se utiliza para separar un trozo de texto y darle formato. div , permite crear bloques en un documento.
El modelo de cajas

CSS

  • 1.
  • 2.
    CSS (Cascading StyleSheets) Lenguaje usado para definir la presentación de un documento estructurado (HTML, XHTML) Desarrollado por el W3C La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación Extensión .css
  • 3.
    Sintaxis selector {propiedad: valor ; }
  • 4.
    Donde escribir CSS1. Dentro de la etiqueta: <p style=&quot;color:#009900&quot;> Este párrafo es de color verde.</p>
  • 5.
    Donde escribir CSS2. Dentro del documento <head> <STYLE type=&quot;text/css&quot;> p { color:#009900; } </STYLE> </head>
  • 6.
    Donde escribir CSS3. Hoja de estilos (.css) Llamada desde el HTML: <head> <link rel=&quot;STYLESHEET&quot; type=&quot;text/css&quot; href=&quot;estilos.css&quot;> </head>
  • 7.
    Selectores 1. Universal *{ } 2. De Tipo: body{ } p{ } h1{ } ul{ } table{ } ...
  • 8.
    Selectores 3. De Clase: .p_rojo{ color:#990000; } Llamada desde el HTML: <p class=&quot;p_rojo&quot;>Este párrafo es rojo</p>
  • 9.
    Selectores 4. DEPseudo-clase: Enlaces normales a:link { } Enlaces visitados a:visited { } Enlaces activos a:active { } Enlaces hover a:hover { }
  • 10.
    Selectores 5. DeIdentificador: #p_unico{ color:#990000; } Llamada desde el HTML: <p id=&quot;p_unico&quot;>El formato de este párrafo es único</p>
  • 11.
  • 12.
    Valores Números enterosDecimales Hexadecimales (rojo = #f00) Palabras protegidas: rojo, aqua, bold, solid… Medidas: Unidades absolutas Unidades relativas
  • 13.
    Unidades absolutas in, pulgadas (1 pulgada son 2.54 centímetros) cm , centímetros mm , milímetros pt , puntos (1 punto equivale a 1 pulgada/72, es decir, unos 0.35 milímetros) pc , picas (1 pica equivale a 12 puntos, es decir, unos 4.23 milímetros)
  • 14.
    Unidades relativas em, relativa respecto del tamaño de letra previamente definida, o 16px por omisión. ex , relativa respecto de la altura de la letra x (&quot;equis minúscula&quot;) del tipo de letra que se esté utilizando px , (píxel) relativa respecto de la pantalla del usuario % , (porcentaje) el valor de porcentaje es relativo al tamaño del elemento
  • 15.
    Etiquetas <span> y<div> span , se utiliza para separar un trozo de texto y darle formato. div , permite crear bloques en un documento.
  • 16.