/*
提供有关页面的元信息（meta-information），如针对搜索引擎和更新频度的描述和关键词。
说明：
    target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放。 
    width=device-width，指定屏幕宽度，device-width设备屏幕的宽度。

    
	  编码格式                                   设置显示比例1:1;                      禁止双击缩放手动缩放
<meta charset="utf-8" content="initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta />
<meta />
<meta />
<meta />
*/
/*超级经验 页面 共同样式的用class 单独的样式用id*/

/* CSS Document *//*强制加载规范字体*/
@font-face {
	font-family: 'PingFang';
	src: url('../fonts/Walkway Bold.ttf');
	font-weight: weight;
}

dl, 
dt, 
dd, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
form, 
input, 
select, 
button, 
textarea, 
iframe, 
table, 
th, 
td { 
	margin: 0; padding: 0; font-family: "微软雅黑";
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
	font-size: 14px;
}

button { 
	cursor: pointer; 		/*鼠标变成小手*/
}

i, 
em, 
cite { 
	font-style: normal;
}

/*去掉默认样式*/
body { 
	margin: 0;				/*清除外边距*/
} 		

ul,
ul li {
	margin: 0; 				/*清除宽度占位*/	
	padding: 0;				/*清除宽度占位*/
	list-style: none; 		/*清除点*/
}  								

input[type=button]{
	-webkit-appearance: none;/*button状态默认样式*/
}

input {					
	outline: none; 			/*清除点击时的边框*/
	border: 0; 				/*清除点击时的边框*/
} 

select {
	outline: none; 			 /*清除点击时的边框*/
	border: 0; 				 /*清除点击时的边框*/
	-webkit-appearance: none;/*select去掉默认箭头*/
	appearance: none;		 /*select去掉默认箭头*/
	-moz-appearance: none;   /*select去掉默认箭头*/
}

textarea{
	outline: none; 			/*清除点击时的边框*/
	border: 0; 				/*清除点击时的边框*/
	resize: none;			/*清除右下角*/
	overflow-y: hidden;		/*清除右边滚动条*/
	overflow-x: hidden;		/*清除右边滚动条*/
}

p {							
	margin-top: 0px; 		/*清除高度*/
	margin-bottom: 0px; 	/*清除高度*/
} 				
	link 	
	hover   
	active  
	visited 
	focus   
a,
a:link, 					/*平常的状态*/
a:active, 					/*悬停*/
a:hover, 					/*按下*/
a:visited, 					/*访问过*/
a:focus {					/*获得焦点*/				
	text-decoration: none;  /*清除下划线*/
	/*text-decoration: line-through; 下划线可以放中间 做遮挡效果;
	text-decoration: underline; 下划线在下面;*/
}

img { 						
	border: 0 none; 		/*清除边框*/
} 	  							

/*平行放置*/
.ping { display: inline-block; vertical-align: top; }

/*浮动*/
.clearfix { clear: both;visibility: hidden;	}	/*子元素float后 此放父元素*/
.clear { clear: both; }							/*兄弟级元素设置clear：both*/
.fr { float: right; }
.fl { float: left; }

.fixed:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }

/*颜色规范(颜色由深至浅上下排列)*/
.b-white { background-color: white; }                  /*白色背景*/
.b-red { background-color: red; }                      /*红色背景*/
.b-blue { background-color: blue; }                    /*蓝色背景*/
.b-pink { background-color: pink;}                     /*粉色背景*/
.b-violetred { background-color: mediumvioletred;}     /*紫色*/


.white { color: white; }

/*字体大小*/
.f0 { font-size: 0px; }
.f2 { font-size: 2px; }
.f4 { font-size: 4px; }
.f6 { font-size: 6px; }
.f8 { font-size: 8px; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f44 { font-size: 44px; }
.f46 { font-size: 46px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f52 { font-size: 52px; }
.f54 { font-size: 54px; }
.f56 { font-size: 56px; }
.f58 { font-size: 58px; }
.f60 { font-size: 60px; }
.f62 { font-size: 62px; }
.f64 { font-size: 64px; }
.f66 { font-size: 66px; }
.f68 { font-size: 68px; }
.f70 { font-size: 70px; }
.f72 { font-size: 72px; }
.f74 { font-size: 74px; }
.f76 { font-size: 76px; }
.f78 { font-size: 78px; }
.f80 { font-size: 80px; }
.f82 { font-size: 82px; }
.f84 { font-size: 84px; }
.f86 { font-size: 86px; }
.f88 { font-size: 88px; }
.f90 { font-size: 90px; }
.f92 { font-size: 92px; }
.f94 { font-size: 94px; }
.f96 { font-size: 96px; }
.f98 { font-size: 98px; }
.f100 { font-size: 100px; }

.fw { font-weight: bold; }

/*按钮圆角*/
.oo{
	border-radius:6px;
}

/*蒙版*/
.meng {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(77,77,77,0.6);
}

.meng-div {
	position: relative;
	top:45%;
	margin: 0 auto;
	width: 100px;
	height: 100px;
}

.none { display: none; }

/*placeholder颜色*/
input::-webkit-input-placeholder {
	color:;
}

/*2列布局*/
/*3列布局*/
/*============================我是分割线===================================*/

/*------------------------------------------经验篇------------------------------------------
 * 所有浏览器都会按照w3c标准盒子模型来解析当前网页.
 * highcharts
 * echarts
 * swiper滑动
1.div默认:width: 100% height: 0; 自动撑大;

2.position: absolute; 会覆盖属性 需重新定义 text-align: content; width:100%;

4.文字 {
	text-align: justify;	文字间距自适应对齐
	text-indent: 10px;		框内文字缩进
	text-overflow: ellipsis;最后几个字变成...(
		text-overflow: ellipsis;
		overflow:hidden; 
		white-space:nowrap; 
		width: 250px;
	)
	text-shadow: 5px 5px 5px #FF0000;文本阴影效果
	white-space:normal;		定义宽度后 超出内容换行
	word-break:break-all;	定义宽度后 超出内容换行
}
5.H5语义化标签 {
	<header>头
	<nav>导航
	<content>
	<canvas>图形
	<audio>声音
	<video>视频
	<footer>脚

	<center>居中	<center><div></div></center>/阴险
	<area>测试一下试试~~
}

/*C3*/
/*-webkit-animation-iteration-count表示动画的循环次数，用infinite表示无线循环。
box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色*/

/*JS篇
mousedown(); 鼠标按下
mouseup();   鼠标抬起

keydown();   键盘按下
keyup();     键盘抬起

touchstart(); 触摸按下
touchend();   触摸抬起
touchstart touchmove touchend touchcancel

mouseover(); 悬浮 鼠标移动上
mouseout();  悬浮 鼠标移开

focus(); 	 获取焦点
blur(); 	 失去焦点

scroll();	 滚动 相当于扫描 $(window).scroll(function () {
scrollTop(); 滚动顶部

$(document).width()  获取屏幕宽度
$(document).height() 获取屏幕高度

window.screen.height 屏幕分辨率的高
window.screen.width  屏幕分辨率的宽*

选择器
.prev()  	同胞元素~ 向上选一个 .prevAll()/*向上选所有
.next()  	同胞元素~ 向下		 .nextAll()/*向下选所有
.siblings() 同胞元素~ 同级
.find()  	
.parent()	外元素
.children() 内元素
:last       获取同胞最后个元素

插入
append();	屁股里面插入
after(); 	屁股下面插入
before();	屁股上面插入

经验文章
http://www.bbs0101.com/archives/248.html
http://blog.csdn.net/kongjiea/article/details/38614695
http://aibo.3g.qq.com/g/?aid=video&vid=r0196avt5n0#play/id=r0196avt5n0&tid=3016&f_pid=130&f_aid=aibo_home&f_aid_ext=1

前端学习视频
1.http://www.ycku.com/course/

响应式布局
http://tgideas.qq.com/

$.getJSON("data.json",function(result){
	for(var i = 0; i < result.length; i++){
		alert(result[i].a);
	}
});

良药苦口利于病，忠言逆耳利于行！ 全国早已建成可居住34亿人口以上的商品房（不含小产权房）。全国房地产新楼盘普遍在2016年年底至2017年年头完工交房（上网可查），到时候现房潮水般大量涌入市场，炒房客手里的房子会提前拉高出货大量抛售，2016年年底价格战拉开序幕，价格开始暴跌，2017年上半年全国超过一半的房地产崩盘，直到2018年全国全面崩盘，房地产业无一幸存！ 忠告全国百姓：房地产崩盘前部分城市拉高出货，炒房团、开发商、贪官房产急需解套！请勿追高接盘！否则倾家荡产后果自负