注：

body,nav,section需要标题
head,div不需要标题

链接：

大纲效果：

index.html

	
	
	





	
 class="center">
		
星月旅行社
			
	





波特四抓
波特四抓是一个HTML5前端框架

@charset "utf-8";
/*内外边距都是0*/
body,h1,ul{
	margin: 0;
	padding: 0;
}
/*将ul前面的点去掉*/
ul{
	list-style: outside none none;
}
/*将链接的下划线去掉*/
a{
	text-decoration: none;
}
.none{
	display: none;
}
/*#333是黑色*/
#header{
	width: 100%;
	height: 70px;
	background-color: #333;
}
#header .center{
	width: 1263px;
	height: 70px;
	margin: 0 auto;

}
/*将文本移走用到text-indent并插入logo*/
#header .logo{
	width: 240px;
	height: 70px;
	background-image: url(../img/4.png);
	text-indent: -9999px;
	float:left;
}
/*#eee是灰色  line-height设置垂直居中*/
#header .link{
	width: 650px;
	color:#eee;
	float: right;
	height: 70px;
	line-height: 70px;
}
/*水平居中*/
#header .link li{
	float: left;
	width:120px;
	text-align: center;

}
/*将a由内联设置成块*/
#header .link a{
	color:#eee;
	display: block;
}
/*鼠标效果*/
#header .link a:hover,
#header .active a{
background-color: #aaa;
}