Scribd Logo
Upload

Welcome to Scribd!

  • Nuevo Documento de Texto

    Uploaded by

    ola vuenaz
    11 views2 pages
    This CSS stylesheet defines styles for elements on a webpage including the body, containers, titles, headers and navigation. Styles include font families, colors, positioning, sizing and more. The header will have a gradient background image fixed to the top with navigation links aligned to the right.

    Original Description:

    Original Title

    Nuevo documento de texto

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This CSS stylesheet defines styles for elements on a webpage including the body, containers, titles, headers and navigation. Styles include font families, colors, positioning, sizing and more. The header will have a gradient background image fixed to the top with navigation links aligned to the right.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views2 pages

    Nuevo Documento de Texto

    Uploaded by

    ola vuenaz
    This CSS stylesheet defines styles for elements on a webpage including the body, containers, titles, headers and navigation. Styles include font families, colors, positioning, sizing and more. The header will have a gradient background image fixed to the top with navigation links aligned to the right.

    Copyright:

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

    *{

    margin:0;
    padding:0;
    box-sizing: border-box;

    body{

    font-family: 'Smooch Sans';

    .contenedor{

    padding: 60px 0;
    width: 90%;
    max-width: 1000xp ;
    margin: auto;
    overflow: hidden;

    .titulo{
    color: black;
    font-size: large;
    text-align: center;
    margin-bottom: 60px;

    header{

    width:100%;
    height: 600px;

    background: #085078; /* fallback for old browsers */


    background: -webkit-linear-gradient(to right, #85d8ce85, #08517871),
    url(../img/fondo.jpg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
    Safari 7+ */

    background: linear-gradient(to right, #85d8ce85, #08517871),


    url(../img/fondo.jpg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
    Safari 7+ */

    position: relative;
    background-size:cover;
    background-attachment: fixed;
    }

    nav{
    font-size: 25px;
    text-align: right;
    padding: 30px 50px 0 0;
    }

    nav > a{
    color:white;
    font-weight: 300;
    text-decoration: none;
    margin-right: 25px ;
    }

    nav > a:hover{

    text-decoration: underline;

    .ola{
    position: absolute;
    bottom: 0;
    width: 100%;

    You might also like