CSS

1. CSS Unidad 1

2. Hojas de estilo cascada es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML El W3C es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

3. TITULOS Para dar el mismo formato a todos los titulos H1{ color: f#DC143C; }

4. FONDOS Color de fondo BODY { BACKGRONUND-COLOR: #ffffFF; }

5. Imagen de fondo: BODY { BACKGROUND-IMAGE: URL(BOOKS.JPG) }

6. Posicion de imagen de fondo: BACKGROUND-REPEAT: REPEAT-X La imagen se repite en el eje horizontal BACKGROUND-REPEAT: REPEAT-Y La imagen se repite en el eje vertical BACKGROUND-REPEAT: REPEAT La imagen se repite en el eje horizontal y vertical BACKGROUND-REPEAT: NO-REPEAT La imagen no se repite BACKGROUND-ATTACHMENT: FIXED;Fijaimagen de fondo

7. background-position: 2cm 2cm background-position: 50% 25% background-position: right top left top center center rightbottom

8. Se puede conjuntar todo: BACKGROUND: #FFDEAD URL(BOOKS.JPG) NO REPEAT RIGHT BOTTOM

9. FUENTES p { font-style: italic; font-weight: bold; font-size: 30px; font-family: arial, sans-serif; }

10. Algunas propiedades del font Weight : nomral, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 Style : normal, italic, oblique Variant : normal, small-caps Size : xx-small, small, medium, large, x-large, xx-large Family: times, Arial, Helvetic, Western, etc.

11. P { font: italic bold 30px arial, sans-serif; }

12. Propiedades de texto Sangria de texto: Sintaxis: text-indent: <valor> Ejemplo: p { text-indent: 30px; }

13. Alineacion: Sintaxis: text-align: <valor> Ejemplo: P{ text-align: justify; } Posiblesvalores: left,right, center, justify

14. Decoracion de texto: Sintaxis: text-decoration: <valor> Ejemplo: h1 { text-decoration: underline; } Valoresposibles: none, underline, overline, line-through, blink

15. Espacio entre caracteres: Sintaxis: letter-spacing: <valor> Ejemplo: P { letter-spacing: 3px; }

16. Transformacion del texto Sintaxis: text-transform: <valor> Ejemplo: P{ text-transform: capitalize; } Valoresposibles: lowercase, uppercase, none, capitalize

17. Espacio entre palabras: Sintaxis : word-spacing: <valor> Ejemplo H1 { word-spacing: 4px }

18. Altura de la linea: Sintaxis: line-height: <valor> Ejemplo: P { line-height: 200% }

19. ENLACES a:link{ color:blue; } a:visited{ color:red; text-decoration:none; } a:active { color:yelow; }