martes, 29 de abril de 2014

Los estilos CSS



Partiendo siempre del mismo principio: simplificación y unificación del lenguaje en la declaración de los estilos CSS, se ha pasado de:

<link href="miHoja.css" rel="stylesheet" type="text/css" />

a:

<link href="miHoja.css" rel="stylesheet" />





Espero haber ayudado en algo. Hasta la próxima oportunidad!




2 comentarios:

  1. body{
    margin: 0 auto;
    font-family: arial;
    font-size: 18px;
    width: 1024px;
    }
    header{
    height: 100px;
    padding: 15px;
    box-sizing:border-box; /*le da un padding al texto sin agrandar el width */
    background: aliceblue;
    /*background-image: url(../../img/life-factors-people.jpg);*/
    background-position: right bottom, left top;
    background-size: 1040px 500px;
    background-repeat: no-repeat;


    }
    nav{
    font-size: 14px;
    height: 40px;
    background:buttonface;
    padding: 15px;
    box-sizing: border-box;
    text-align: right;
    }
    aside{
    width: 300px;
    height: 600px;
    padding: 15px;
    background: ghostwhite;
    float: left;
    box-sizing: border-box;
    color: blue;
    text-decoration: none;
    }
    aside a{
    text-decoration: none;
    color: blue;
    }
    aside a:hover{
    text-decoration: none;
    color: darksalmon;

    }
    section{
    width: 1024px;
    height: 600px;
    background:aliceblue;
    padding: 25px;
    box-sizing:border-box;
    }
    article{
    height: 200px;
    padding: 15px;
    box-sizing:border-box;
    background: #ccccff;
    }
    footer{
    background: activecaption;
    height: 200px;
    padding: 15px;
    box-sizing:border-box; /*le da un padding al texto sin agrandar el width */
    }
    .menu_bar{
    color: #ffffff;
    text-align: right;
    text-decoration: none;
    }
    .menu_bar a{
    color:#ffffff;
    text-align: right;
    text-decoration: none;

    }
    .menu_bar a:hover{
    text-decoration: none;
    color:deepskyblue;

    }

    ResponderEliminar
    Respuestas
    1. Hola Anónimo, gracias por la visita y el aporte de tus conocimientos!!
      Éxitos! Hasta cualquier momento!!

      Eliminar