css学习笔记

css简单，但是有很属性要记，专门去记也记不了那么多，用到再去查。
现在是记录学习过程中用到一些属性，

@CHARSET "UTF-8";

html,body{
    height: 100%;
    width: 100%
    margin:0px;
    padding: 0px;
    overflow: hidden;
}
header{
    position: absolute;
    height:15%;
    width:100%;
    background:#0099ff;

}

#layout2{
    position: absolute;
    top: 15%;
    left: 0px;
    height: 80%;
    width: 300PX;
    background:#ffffff;
    z-index: 5;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #9f9f9f;

}
#layout3{
    position: absolute;
    top: 15%;
    left: 300px;
    right: 0;
    background: #ffffec;
    height: 80%;
}
footer{
    position: absolute;
    bottom: 0px;
    background:#ccffcc;
    height: 5%;
    width: 100%;
    text-align: center;

}
/*---------------------------------------------------------------------*/
nav.nav1{
    position: absolute;
    right: 0px;
    height: 30px;
    width: 900px;
    overflow: hidden;
}
nav.nav1 ul{
    list-style-type: none;
    position: absolute;
    right: 0;
    margin: 0px;
    padding: 0px;
    height: 30px;
    overflow: hidden;
}

nav.nav1 li{
    float: left;
    height: 30px;
    margin-top: 5px;
    margin-right: 10px;
}
nav.nav1 li a{
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
}

nav.nav1 li a:hover{
    text-decoration: underline;
    font-size: 14px;
    color: #FFFFFF;
}

nav.nav2{
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
    background: #EEEEEE;
    z-index: 6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #7f7f7f;
}

nav.nav3{
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
    opacity:0.8;    /*不透明度*/
    background: #eeeeee;
}

button{
    background: transparent;  /*按钮背景完全透明*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    border: 0;
}