Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML

    Cargado por

    Sebastián Valverde Valdivia
    21 vistas3 páginas
    html introdccion

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    html introdccion

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    21 vistas3 páginas

    HTML

    Cargado por

    Sebastián Valverde Valdivia
    html introdccion

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    HTML

    Style Sheets
    Style sheets represent a major breakthrough for web
    designers by giving them a wider range of possibilities to
    improve the appearance of your pages. In scientific in that
    the Web was conceived environments, people were more
    concerned with the content of your pages for your
    presentation. As the Web was discovered by a wider range
    of people from different backgrounds, the limitations of
    HTML became a source of continuing frustration and
    authors were forced to overcome the stylistic limitations of
    HTML. While the intentions have been good - to improve the
    presentation of Web pages - the techniques to achieve this
    have negative side effects. Among these techniques, which
    work well for some people, sometimes, but not always and
    for everyone, including:
    The use of proprietary extensions to HTML
    Converting text into images
    Using Images to control the blank
    The use of tables for organizing pages
    Write programs instead of using HTML
    These techniques significantly increase the complexity of Web pages,
    offer limited flexibility, suffer from interoperability problems, and create
    difficulties for people with disabilities.

    Esto es mi tema mas un ejemplo el de arriba es de caso

    Style sheets solve these problems simultaneously replacing


    the limited range of presentation mechanisms HTML. With
    style sheets is easier to specify the amount of space
    between lines, bleed the lines, the colors to use for text and
    background, size and style of fonts, and many other details.
    Hay 3 formas de insertar una hoja de estilos:
    1
    2
    3

    Entre lneas
    Hojas de estilo interna
    Hojas de estilo externas

    1. Entre lneas
    Debemos usar esta forma cuando un nico estilo es aplicado a
    un solo elemento.
    Su uso est dado por el atributo style que se encuentra en casi
    todas las etiquetas.
    En este ejemplo aplicaremos un estilo(color rojo y un margen
    izquierdo de 30 pixels) a la etiqueta <p>, la cual determina
    que todo el contenido de la misma ser afectado.

    Ejemplo
    Cdigo

    Resultado

    <p style="color:red; marginleft:30px">


    Este prrafo es de color rojo y
    se encuentra a 30 pixels del
    margen izquierdo.
    </p>

    Este prrafo es de color rojo y se encuentra a 30 pixels


    del margen izquierdo.

    2. Hojas de estilo interna


    Las hojas de estilo interna deben usarse cuando una sola
    pgina tiene un estilo nico.
    Las definimos con la etiqueta <style> en la cabecera del

    documento entre las etiquetas <head> y </head>

    Ejemplo
    Cdigo

    Resultado

    <head>
    <style type="text/css">
    body {background-color:blue}
    p {color:white}
    </style>
    </head>

    Fuentes blancas sobre fondo


    azul

    <body>
    <p>Fuentes blancas sobre fondo
    azul</p>
    </body>
    En este ejemplo se muestra que la etiqueta <style> con su
    atributo type define una hoja de estilo por medio del valor
    text/css.
    En este ejemplo podemos observar que le hemos aplicado
    estilos a los siguientes elementos:
    body : define el color de fondo de la pgina en azul.
    p : define todas las fuentes de color blanco.

    3. Hojas de estilo externas

    Esta es la forma ideal para cuando queremos definir un sitio


    entero con una misma estructura y estilo. Para ello definimos
    todos los estilos en un documento en comn que se utilizar
    para todas las pginas del sitio Web.
    Con realizar los cambios en ese documento, podemos cambiar el
    aspecto de todo el sitio Web.
    Cada pgina del sitio debe vincularse con la hoja de estilos
    usando la etiqueta <link> ubicada en la cabecera del
    documento.
    Ejemplo de un enlace a una hoja de estilo
    <head>
    <link rel="stylesheet" type="text/css"
    href="/estilos.css">
    </head>
    Las hojas de estilo deben llevar la terminacin (.css).

    También podría gustarte