1、display:inline-block代替float:left;
2、請保證將每條資料都放在一個a標籤中，為何這樣做？因為在觸控手機上，為提升使用者體驗，儘可能的保證使用者的可點選區域較大；
3、浮動元素寬度自適應，變成快級元素；
4、常用標籤：strong、span、a、emfont-weight:normal；

<div class=maskbg><div class=maskbg-content></div></div>
.maskbg{position: fixed;
    top: 0;
    left: 0;
    z-index: 9990
 
;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    display: none;
    min-height: 568px;
}
text-indent:20px;將段落的第一行縮排 50 畫素：

input，opertychange(相容IE）事件當input框輸入內容時觸發的事件
$().bind('input,propertychange',function(){})
$().change(function(){})
支援change的事件有<input>, <select>, <textarea>
 ///checkbox、radiobox當選中時觸發的事件，相當於change;;;;
 

checkEl.attachEvent('onpropertychange', function() {
    if(window.event.propertyName == 'checked')
         console.log('blah blah blah...');
});

8、低版本的微信開發中andriod機事件無法被觸發，可以加上-webkit-transform:translat3d(0,0,0)；
9、判斷是ios還是andriod

function doAction(){
        var u = navigator.userAgent;
        var
 
 isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android終端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
        var name =document.getElementById('name').value;
        var tel= document.getElementById('tel').value;
        if(isiOS){
            document.getElementsByTagName('a')[0].href="sms://"+tel+"?body="+name;}
        else{
            document.getElementsByTagName('a')[0].href="sms://"+tel+"&body="+name;}
    }

10、用css實現”>”

<span classs='arrow'></span> 
.arrow:after{ 
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #ff0000;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    }