Scribd Logo
Upload

Welcome to Scribd!

  • Css 140614143731 Phpapp01

    Uploaded by

    Inelda Hosten Burgos
    8 views10 pages
    CSS

    Original Title

    css-140614143731-phpapp01

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    CSS

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views10 pages

    Css 140614143731 Phpapp01

    Uploaded by

    Inelda Hosten Burgos
    CSS

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    Amaln Mayorga Albn, Ing.

    Docente

    Ya vimos HTML, ahora


    nos preguntamos qu
    es CSS?

    es

    un lenguaje de hojas de
    estilos creado para controlar el
    aspecto o presentacin de los
    documentos definidos con
    HTML

    El modo de fucionamiento de las CSS consiste


    en definir, mediante una sintaxis especial, la
    forma de presentacin que le aplicaremos a:
    Un web entero, de modo que se puede definir
    la forma de todo el web de una sola vez.
    Un documento HTML o pgina, se puede
    definir la forma, en un pequeo trozo de
    cdigo en la cabecera, a toda la pgina.
    Una porcin del documento, aplicando estilos
    visibles en un trozo de la pgina.
    Una etiqueta en concreto, llegando incluso a
    poder definir varios estilos diferentes para
    una sola etiqueta. Podemos definir, por
    ejemplo, varios tipos de prrafos: en rojo, en
    azul, con mrgenes, sin ellos...

    Al crear una pgina web, se utiliza en primer


    lugar el lenguaje HTML/XHTML para marcar los
    contenidos, es decir, para designar la funcin de
    cada elemento dentro de la pgina: prrafo,
    titular, texto destacado, tabla, lista de elementos,
    etc.
    Una vez creados los contenidos, se utiliza el
    lenguaje CSS para definir el aspecto de cada
    elemento: color, tamao y tipo de letra del texto,
    separacin horizontal y vertical entre elementos,
    posicin de cada elemento dentro de la pgina,
    etc

    <head>
    <title>Ejemplo de estilos con CSS</title>
    <style type="text/css">
    h1 { color: red; font-family: Arial; font-size: large; }
    p { color: gray; font-family: Verdana; font-size:
    medium; }
    </style>
    </head>
    <body>
    <h1>Titular de la pgina</h1>
    <p>Un prrafo de texto no muy largo.</p>
    </body>
    </html>

    Cuando se define un nmero pequeo de


    estilos o cuando se quieren incluir estilos
    especficos en una determinada pgina HTML
    que completen los estilos que se incluyen por
    defecto en todas las pginas del sitio web.
    Inconvenientes: si se quiere hacer una
    modificacin en los estilos definidos, es
    necesario modificar todas las pginas que
    incluyen el estilo que se va a modificar.

    Es la opcin ms comn. Consiste en crear un


    archivo externo con extensin CSS (el cul
    contendr todos los estilos de la pgina) y
    deber enlazarse desde el documento
    XHTML.
    Para el ejemplo anterior debera procederse
    de la siguiente manera:

    Crear un archivo de texto y aadirle el


    siguiente contenido:
    p { color: black; font-family: Verdana; }

    2.- Guardar el archivo de texto con el nombre "estilos.css" (al


    cul se refenciar posteriormente). Se debe poner especial
    atencin a que el archivo tenga extensin .css y no .txt.
    3) Enlazar el fichero CSS desde la pgina HTML utilizando la
    etiqueta <link>. Quedar de la siguiente manera:

    <head>
    <title>Ejemplo de estilos CSS en un archivo externo</title>
    <link rel="stylesheet" type="text/css" href="/css/estilos.css"
    media="screen" />
    </head>
    <body>
    <p>Un prrafo de texto.</p>
    </body>
    </html>

    Normalmente, la etiqueta <link> incluye cuatro


    atributos cuando se enlaza un archivo CSS:
    1.- rel: indica el tipo de relacin que tiene el
    recurso enlazado (en este caso, el archivo CSS) y
    la pgina HTML. Para los archivos CSS, siempre
    se utiliza el valor stylesheet.
    2.- type: indica el tipo de recurso enlazado. Sus
    valores estn estandarizados y para los archivos
    CSS su valor siempre es "text/css".
    3-. href: indica la URL del archivo CSS que
    contiene los estilos. La URL indicada puede ser
    relativa o absoluta y puede apuntar a un recurso
    interno o externo al sitio web.
    4.- media: indica el medio en el que se van a
    aplicar los estilos del archivo CSS. Los valores
    pueden ser "print" o"screen

    You might also like