简单网页制作--CSS中块元素的浮动和边框布局

简单的一个网页应用举例
1.网页制作初期对于浏览器的一些数据影响利用导入reset.css进行清除
2.网页的布局进行划分，即利用一些盒子模型

首先对于页面进行划分，这一点尽量在代码中就说明，例如：

<!--第一部分  -->
		
		<div class="header h">
			<!--绿色部分-->
			<div class="b1"><a href="#">
				<img src="img/logo.png" />
				<img src="img/logo2.png" />
				
			<div class="b2">
				<p>想领取免费的福利吗？</p></div>	
			</div>

<!--第二部分-->
			<div class="d1">
				<div class="d11">
					<img src="img/p1.png" />
					<div class="d12">
					<p>VIP为您在线解答</p>
				</div>
				</div>

页面中常出现的一些问题是当插入一些图片或者其他元素时，会导致元素的排列十分混乱，如图：

这时候我们需要进行元素浮动，并且防止塌陷
像下面两个小部分就是利用盒子模型进行划分之后，分别利用块元素进行构架

每个元素图形需要进行元素浮动，之后再用边距对元素进行位置的调整代码如下

.b2{
	background-color: mediumseagreen;
	width: 288px;
	height: 31px;
	float: right;
}

.d12{
	background-color: lightblue;
	margin: 9px auto; 
	float:right;
	
}

最后放上一张整体的布局图