Scribd Logo
Carica

Benvenuto in Scribd!

  • Guia 5 CSS

    Caricato da

    Diego Armando Orellana
    1 visualizzazioni2 pagine
    guia de CSS

    Titolo originale

    GUIA 5 CSS

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    guia de CSS

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    1 visualizzazioni2 pagine

    Guia 5 CSS

    Caricato da

    Diego Armando Orellana
    guia de CSS

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 2

    DISEÑO Y PROGRAMACION WEB I

    GUIA Nº 5

    CSS – HOJAS DE ESTILO EN CASCADA


    Ejemplo:
    1. Archivo css/estilos.css
    .titulo{ nav ul li a{
    color: red; color: red;
    font-size: 25px; font-size: 20px;
    font-style: italic; text-transform: uppercase;
    font-weight: bold; font-style: italic;
    text-shadow: -1px 1px 3px rgba(0,255,0,0.7); text-shadow: -1px 1px 3px rgba(0,0,255,0.7);
    } text-decoration: none;
    }
    h3{
    font-size: 55px; ul {
    color: rgba(155,0,0,0.5); list-style-type: none;
    text-transform: capitalize; }
    text-decoration: underline;
    letter-spacing: 25px; .cajanav{
    text-align: right; background-color: rgba(0,255,0,0.5);
    } }
    .parrafo{
    font-size: 20px; #cajaimagen{
    color: #555; width: 750px;
    line-height: 25px; height: 350px;
    text-transform: uppercase; background-image: url(../images/computadora1.jpg);
    } background-size: cover;
    /*border-radius: 5%;*/
    #parrafoEspecial{ border-color: red;
    font-size: 22px; border-style: solid;
    color: #bea925; /*object-fit: cover;*/
    font-weight: bolder; object-position: center;
    line-height: 50px; border-radius: 5px;
    text-indent: 55px; }
    }

    Lic. Yolanda Apaza G. Pag.


    DISEÑO Y PROGRAMACION WEB I

    2. Archivo index.html
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Estilos de Texto</title>
    <link rel="stylesheet" href="css/estilos.css">
    </head>
    <body>
    <h2 class="titulo">Practicando Selectores y Estilos de Texto</h2>
    <h3>parrafo 1</h3>
    <p class="parrafo">Lorem ipsum dolor, sit amet consectetur adipisicing, elit. Tempora sequi autem,
    laborum ipsa eligendi corporis eveniet dolor, cupiditate aliquam harum omnis ipsum pariatur deleniti
    nulla! Quibusdam, sint doloremque dignissimos officia.</p>
    <h3>parrafo 2</h3>
    <p id="parrafoEspecial">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic natus fuga
    quibusdam facere ullam vel, nemo. Aperiam eum reprehenderit ea explicabo maxime eveniet
    accusamus amet pariatur! Nemo, quam minus cumque!</p>
    <nav class="cajanav">
    <ul>
    <li>
    <a href="">Inicio</a>
    </li>

    <li>
    <a href="">Nosotros</a>
    </li>

    <li>
    <a href="">Servicios</a>
    </li>
    </ul>
    </nav>
    <div id="cajaimagen"></div>
    </body>
    </html>

    Lic. Yolanda Apaza G. Pag.

    Potrebbero piacerti anche