css简单,但是有很属性要记,专门去记也记不了那么多,用到再去查。
现在是记录学习过程中用到一些属性,
@CHARSET "UTF-8";
html,body{
height: 100%;
100%
margin:0px;
padding: 0px;
overflow: hidden;
}
header{
position: absolute;
height:15%;
100%;
background:#0099ff;
}
#layout2{
position: absolute;
top: 15%;
left: 0px;
height: 80%;
300PX;
background:#ffffff;
z-index: 5;
border-right- 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%;
100%;
text-align: center;
}
/*---------------------------------------------------------------------*/
nav.nav1{
position: absolute;
right: 0px;
height: 30px;
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;
100%;
background: #EEEEEE;
z-index: 6;
border-bottom- 1px;
border-bottom-style: solid;
border-color: #7f7f7f;
}
nav.nav3{
position: absolute;
left: 0;
top: 0;
height: 40px;
100%;
opacity:0.8; /*不透明度*/
background: #eeeeee;
}
nav.nav3 ul.ul2{
list-style-type: none;
position: absolute;
right: 0;
margin-bottom: 0px;
margin-top: 6px;
margin-left: 0;
padding: 0px;
margin-right: 15px;
height: 40px;
}
nav.nav3 ul.ul1{
list-style-type: none;
position: absolute;
left: 0px;
margin: 0px;
padding: 0px;
height: 40px;
}
nav.nav3 ul.ul2 li{
float: left;
height: 40px;
}
nav.nav3 ul.ul1 li{
float: left;
height: 40px;
margin-right: 15px;
margin-top: 8px;
}
nav.nav3 ul.ul2 button{
background: transparent; /*背景完全透明*/
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
border: 0;
}
div.bt1{
position: absolute;
left: 0px;
top: 48%;
height: 50px;
20px;
background: #ffffff;
z-index: 5;
border-right- 1px;
border-top- 1px;
border-bottom- 1px;
border-left- 0px;
border-style: solid;
border-color: #9f9f9f;
}
img.img1{
position: absolute;
left: 20%;
top: 35%;
}
button#dtcxBT{
position: absolute;
left: 0px;
top: 0px;
height: 40px;
150px;
background: #EEEEEE;
border: 0;
font-size: 14px;
}
button#scBT{
position: absolute;
left: 150px;
height: 40px;
150px;
background: #EEEEEE;
border: 0;
font-size: 14px;
}