css笔记

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;
}