前端基础--简单的页面头部

开发工具与关键技术：DW/浏览器 ；简单的页面头部。
作者：刘佳明
撰写时间：2019年1月 19日

本文章为大家描述页面编程的头部及其代码的编辑过程；

下面为头部的效果图；

HTML 代码：

<div class="contain" id="contain">
     <div class="com">
     	<div class="coma">
     		<div class="cona">
     			
     		</div>
     		<div class="conb">
     			
     		</div>
     	</div>
     </div>
		
		
	</div>

CSS代码：

*{
	margin: 0px;
	padding: 0px;
}
.contain{
	width:100%; 
	height:100%;
	background:red;

}
.com{
	width:100%;
	height:50px;
	background: #eee;
}
.coma{
	width:90%;
	height:100%;
	background: red;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
.cona{
	width:30%;
	he