HTML5+CSS3前端开发资源整合
推个广告html
我的网站：http://www.51pansou.com前端
HTML5视频下载：HTML5视频web
HTML5源码下载：HTML5源码浏览器
meta相关：app
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="email=no"/>
CSS相关：post
-webkit-overflow-scrolling:touch;快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。-webkit-overflow-scrolling建立了带有硬件加速的系统级控件，因此效率很高。可是这相对是耗更多内存的，最好在产生了很是大面积的overflow时才应用。字体
移动端字体网站
body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; /*使用无衬线字体*/}
禁止长按连接与图片弹出菜单spa
a, img { -webkit-touch-callout: none; }
防止点击高亮，能够经过给a标签或者body,html加
-webkit-tap-highlight-color:transparent;
-webkit-appearance属性，来改变任何元素的浏览器默认风格scala
appearance:none|normal|icon|window|button|menu|field;
去掉webkit默认的表单样式
button,input,optgroup,select,textarea {-webkit-appearance:none; }
禁止选中文本
-webkit-user-select: none;
去掉a、input和button点击时的蓝色外边框和灰色半透明背景
a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0); }
修改input的planceholder样式
input::-webkit-input-placeholder {color:#ccc;}
修改表单获取焦点时的样式
input[type=text]:focus, input[type=password]:focus { border: 2px solid#f00;outline: none;}
用CSS实现省略号文字截断
white-space: nowrap;text-overflow: ellipsis;