用css3+HTML5做云道页面

自学了前端快一个月了，今天才算是真正做出来一点东西，打算写一遍博客记录我的前端开始，里面有的用到了切面工具，有的布局文字是自己写进去的，下面有详细讲解。

 

这是页面本身的效果，可以分成header，banner，我们的服务，经典案例等几部分。

1.在开始的时候我们要让内外边距初始值为零，所有的链接取消下划线。以及给出整个body的颜色，该部分代码如下

/* 消除内外边距 */
*{
	padding:0;
	margin: 0;
}
body{
	background-color: #fafafa;
}
li{
	list-style: none;
}

2.1云云商标（logo） 导航栏（nav）为header部分的孩子，一个左浮动，一个右浮动。html框架，这里有四对div结构，其中header是通栏的占有整个屏幕宽度，第二级inner就是版心的宽度，inner里面有两个孩子分别是商标logo和导航栏nav。

<!-- 1.header开始啦 -->
    	<div class="header">
    		<div class="inner">
    			<!-- 云道商标左浮动 -->
    			<div class="logo">
    				<a href="www.yndao.com"></a>
    				<img src="images/logo.png" />
    			</div>
    			<!-- 云道导航栏右浮动 -->
    			<div class="nav">
    				<ul>
    					<li><a href="#">首页</a></li>
    					<li><a href="#">云道商城</a></li>
    					&l