dvi盒子模型和from表单的基础属性

	<div id="">
	<!--不写内容，本身没有任何意义 
	默认独占一行，下一个div换行；
	有四个部分：
	Margin：盒子模型之间，或者盒子模型与body边框的间距（默认8px）
	Border：边框 ，边框的增加会添加盒子的大小 border:2px solid red; 线宽、线形、颜色
	padding：填充，内部和盒子边框的距离，加了盒子总体长度会变大
	content:内容的增加也会影响盒子大小
	-->
	<!-- 
	text-align:center;文字水平居中
	line-height：div的盒子高度px；文字垂直居中
	
	margin表现形式：
	margin:0(上下) auto（左右自适应）; 盒子本身水平居中
	
	margin:10px（上下左右）;
	margin:0（上下） 10px（左右）;
	margin:10px（上） 20px（左右） 30px下;
	margin:0 10px 0 10px;上右下左;
	
	
	
	选择器：
	1.标签选择器：直接写标签名称，列如div{} 直接修改所有div
	2.id选择器：写id：#xxx{} 调用id=xxx
	3.类选择器：写类：.xxx{} 调用class=xxx
	4.组合选择器 #xxx.xx{} div.color{} 类似子类继承父类
	5.伪类选择器 
		a:visited{}访问后变化
		a:hover{}触碰前变化
		a:active{}点击时候的变化
	
	div切角
	Border-radius：3种方式 起点左上角，顺时针
		1.Border-radius：10px 10px 10px 10px
		2.Border-radius：10px 0px 对角线
		3.Border-radius：50% 圆形div
	
		
	Overflow属性定义了当元素溢出规定内容区域时所发生的事情。
	当一个元素固定为某个大小，在内容区放不下时，就可以用overflow来解决。
		overflow：hidden；元素的内容会被修剪，且多出规定内容区的部分不可见
	
	<label></label>
	
	from表单
	input标签 type name id value
		input type类型：
			text 	明文
			password密文密码
			hidden	隐藏验证码
			submit	表单提交按钮
			button	按钮  和<butten type='' onclick=''></butten>一样
			reset 	重置表单信息
			file	文件上传
			radio	单选框 name值要一样； 可以设置默认选择checked
			checkbox 复选框 可以设置默认选择checked
		下拉框:
			<select name="" id="">
				<option value ="" selected> selected设置默认值
				</option>
			</select>
		文本域：
			<textarea rows="" cols="">文本输入
				
			</textarea>
		input向服务器提交数据，必须有name属性，不使用不会被提交；
		触发事件：onclick
		
	<li> 标签定义列表项目。
	<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中	
	有序列表：
	<ol>
	  <li>打开冰箱门</li>
	  <li>把大象放进去</li>
	  <li>关上冰箱门</li>
	</ol>	
		
	无序列表：
	<ul>
	  <li>雪碧</li>
	  <li>可乐</li>
	  <li>凉茶</li>
	</ul>
	
	-->