小技巧1

2，清除点击高亮效果

-webkit-tap-highlight-color：transparent；

-webkit-appearance:none;

清除高亮移动端

::before,::after{

box-sizing:border-box;

-webkit-box-sizing:border-box;

-webkit-tap-higtlight-color:transparent;

}

3,解决图片间隙问题

默认文字和照片是baseline对齐。解决办法可以将照片设置成行内元素

或者 img{vertical-align:middle} 或者bottom

4，谷歌获取页面到顶部的距离

document.body.scrollTop

5,touch事件

touchstart touchmove touchend touchcancel（不常用）

    2》touch事件的事件对象

        changedTouches（当前屏幕改变过的触摸点） targetTouches（当前屏幕上的触摸点） touches（当前屏幕 上的所有触摸点）

    3》触摸点包含了什么信息 client(视口的坐标)

6，设置两栏自适应

overflow:hidden 形成一个绝缘盒子

一栏浮动，设置超出部分隐藏。另外一边设置width100%

7选择器

+    h1+p，选择紧接在另一个元素后的元素，而且二者有相同的父元素。只会选择第一个相邻的匹配元素。

~   #b~p，匹配所有在#b元素之后的同级p元素