1 / 19

CSS

CSS. Unidad 1. 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 .

tekla
Download Presentation

CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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; }

More Related