教你如何快速的学会html

    action提交的地址
	method提交方式
	post提交方法
	 get
	<form action="www.baidu.com" method="post">
		账号：<input type="text" name="" />
		密码：<input type="password" name="" />
		<input type="submit" value="提交"/>
	</form>
	<div style="color: #3d9918;">
		1111
	</div>

text-decoration:none;取消a标签下划线 -->
111111
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
text-transform:uppercase;转大写
text-transform:lowercase;转小写
text-indent:50px 首行缩进 -->

Hell Word Jack

font-family字体样式，宋体，微软雅黑
font-weight字体粗细bold或数字

    <p style="font-weight: bold;">我是一个p标签</p> 
	 em 字体大小由浏览器默认大小决定
	 em==>px  em*浏览器字体大小=px -->
	  %单位，字体大小由浏览器默认的百分之多少计算 
	 a:link {color:#000000;}      /* 未访问链接*/
	a:visited {color:#00FF00;}  /* 已访问链接 */
	a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
	a:active {color:#0000FF;}  /* 鼠标点击时 */ 
	<button type="button">按钮</button>
	<a href="">asdasdsadsa</a>

  列表 
	list-style:none取消列表默认样式 
	 <!--无序列表 -->
	<ul style="">
		<li>第一个</li>
		<li>第一个</li>
		<li>第一个</li>
	</ul> 
	<!-- 有序列表 -->
	<ol style="">
		<li>第二个</li>
		<li>第二个</li>
		<li>第二个</li>
	</ol> 
	<!-- 自定义列表 -->
	 <dl>
		<li>第三个</li>
		<li>第三个</li>
		<li>第三个</li>
	</dl> 

table表格
cellspacing单元格之间的距离
cellpadding边框和内容之间的距离
行
表格的头部列
内容列
合并单元格
colspan合并列
rowspan合并行

姓名	年龄	性别	学号
1	2		3	4
11	22	33	44

   标准盒子模型
	box-sizing: content-box; 
	 IE盒子模型|怪异盒子模型 
	box-sizing: border-box; 
	 <div style="width: 100px;height: 100px;
	border: 1px solid red;padding: 10px;
	box-sizing: content-box;">
		我我我我我我我我我我我
	</div> 
	<!-- 边框 -->
	 border-style:边框线样式
	 border-上下左右-style
	solid实线
	dashed虚线
	dotted点线
	double双实线-->
	 边框宽度:border-width
	border-上下左右-width
	 边框颜色：border-color
	  单独一条边：border-top
	<div style="width: 100px;height: 100px;
	border-top:10px solid #000;
	border-left:10px dashed pink;
	border-right:10px dotted orange;">
	</div> 
	
  最常用，最好用的清除浮动的方法 
		.clearfix::after {
			height: 0;
			display: block;
			clear: both;
			content: "";
			overflow: hidden;
		}
		.clearfix {
			zoom: 1;
		}

 :伪类
		::伪元素 */
		/* ::after....之后 */
		/* ::before....之前 */
		/* content插入内容 */
		/* p::before {
			content: "￥￥￥￥";
		} */

 轮廓 
	outline: 2px solid #000" 
	<div style="width: 100px;height: 100px;
	border: 1px solid red;
	outline: 2px solid #000">
	</div>
	 margin-top
		margin-left
		margin-right
		margin-bottom
		 margin:上 右 下 左;
	margin:上 右左 下;
	margin:上下 右左;
	margin:上下右左;
	padding:上 右 下 左;
	padding:上 右左 下;
	padding:上下 右左;
	padding:上下右左; -->
	<div style="width: 100px;height: 100px;
	border: 1px solid red;margin: 10px 20px 30px;">
	</div> 

   display:none 隐藏，不占位置
	Visibility: hidden;隐藏，占位置
	opacity: 0;透明度，隐藏，占位置
	color: transparent;颜色为无色
	-khtml-苹果浏览器
	-webkit-opacity兼容谷歌浏览器
	-o-opacity兼容Opera浏览器
	-moz-opacity兼容火狐浏览器
	-ms-兼容IE，普通样式属性
	{
		兼容IE浏览器，50指的是百分之50%
		opacity:0.5;
		filter:alpha(opacity=50); 
	}