HTML+CSS+JS——Tips-归纳1

a.1.body的CSS

body{
	overflow-y:scroll;
	background-color:white;
	margin: 0;
	padding: 0;
	font-family:Microsoft YaHei, SimHei, Tahoma, Arial, Verdana, sans-serif, "新宋体"!important;
	color:gray;
}

a.2.table套装

#table table {
	margin:0 auto;
	width: 50%;
	height: auto;
	border-collapse: collapse;
}

#table table th {
	border: 1px solid gray;
	font-size: 25px;
	line-height: 45px;
	height: 45px;
	width: auto;
}
#table table td {
	font-size:25px;
	text-align: center;
	border: 1px solid gray;
	height: 45px;
	line-height: 45px;
}

a.3.ul套装

#aside>ul{
	list-style-type: none;
	padding:0;
	margin:0;
	position:absolute;
	height:100%;
	width:100%;
}
#aside>ul>li{
	padding:0;
	margin:0;
	width: 100%;
	line-height: 35px;
	text-indent: 10px;
	color: blac;
	font-size: 27px;
}

a.4.a标签

#aside>ul>li>a{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 24px;
	color: black;
	text-indent: 23px;
	text-decoration: none;
	text-overflow:ellipsis;
	overflow:hidden;
	background: url('../images/zhankai2.png') no-repeat 6px 9px; 
	background-size: 16px 16px;
}

a.5.背景样式

#main{
	position:absolute;
	min-width:1300px;
	width: 100%;
	height:100%;
	/* 2、3、6、7、 */
	background:url("../images/backcar5.jpg") no-repeat center center;
	background-size: cover;
}

a.6.遮罩层样式

.layer {
	margin:0;
	padding:0;
	left:0;
	top:0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(255,255,255,0.9);
}
#mylayer {
	border: 1px solid gray;
	width: 60%;
	height: 70%;
	background-color: rgba(255,255,255,1);
	left:20%;
	top:15%;
}