Scribd Logo
Upload

Welcome to Scribd!

  • LP3 CSS

    Uploaded by

    Augusto Diaz
    15 views12 pages

    Original Title

    LP3_CSS

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views12 pages

    LP3 CSS

    Uploaded by

    Augusto Diaz

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    FACULTAD DE INGENIERA DE SISTEMAS, CMPUTO Y TELECOMUNICACIONES LENGUAJE DE PROGRAMACIN III TEMA: CSS (Cascade Style Sheet) DOCENTE: CRISTIAN

    ROBERTO VILLALTA LAGOS

    Qu es CSS? Cascade Style Sheet u Hoja de Estilos en Cascada. Los estilos definen como mostrar elementos HTML. Los estilos se almacenan en Hojas de Estilos

    Hojas de Estilo ahorran una gran cantidad de trabajo Las hojas de estilos definen como se mostrarn los elementos HTML, al igual que la etiqueta <font> y el atributo de color en HTML 3,2. Los estilos son normalmente guardados en externos de extension .css Las hojas de estilo externas permiten cambiar la apariencia y disposicin de todas las pginas en una Web, slo con editar un nico documento CSS!

    Como aplicar estilos en un elemento HTML? Un estilo puede ser aplicado a un elemento usando una de las siguientes maneras: 1. Mediante una hoja de estilos externa .css. (External) 2. Mediante un bloque de estilos en la misma pgina dentro de <head> (Internal). 3. Directamente en el elemento HTML (Inline) . Que ocurre si uso las formas mencionadas para un mismo elemento? Entonces, un estilo dentro del elemento HTML (Inline) tiene la ms alta prioridad, lo cual significa que reemplazar al estilo declarado en <head>, en un estilo externo o el valor por defecto del navegador.

    Sintaxis La sintaxis CSS se compone de 3 partes: selector, property y value: selector {property: value} selector, es el tag o elemento HTML que se desea definir, property es el atributo que se desea cambiar, cada propiedad puede tomar un valor. La propiedad y valor van separados por : y todo el conjunto rodeado por {}.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="MisEstilos.css" /> </head> <body> <h2>Prueba con encabezado h2</h2> <h2>Otra prueba con encabezado h2</h2> <p>Un p&aacute;rrafo</p> <p>Otro p&aacute;rrafo</p> <table border="1"> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td><input type="text" name="nombre"></td> </tr> </table> <ul> <li>Item 1</li> <li>Item 2</li> </ul> </body> </html>

    Atributos: background-color: cambia el color de fondo (hexadecimal). background-image: establece una imagen como fondo background-image: url(stars.gif); color: establece el color de texto (hexadecimal) text-align: establece la alineacin del texto (left, right, center, justify) font-family: establece el tipo o familia de fuente para el texto. font-size: establece el tamao de la fuente. border-style: none, hidden, dotted, dashed, solid, double, groove, ridge inset, outset border-width: thin, medium, thick, length margin: define el espacio entre elementos, auto, length, % padding: define el espacio entre el borde del elemento y su contenido length, %

    Atributos: list-style-image: establece una imagen por cada item de lista list-style-type: none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha ol { list-style-image: url(blueball.gif); list-style-type: circle }

    Fuentes y enlaces de inters: http://www.w3schools.com

    You might also like