大佬教程收集整理的这篇文章主要介绍了HTML5+CSS3前端开发资源整合,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
推个广告
HTML5视频下载:HTML5视频
HTML5源码下载:HTML5源码
Meta相关:
<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相关:
-webkit-overflow-scrolling:touch;快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。-webkit-overflow-scrolling创建了带有硬件加速的系统级控件,所以效率很高。但是这相对是耗更多内存的,最好在产生了非常大面积的overflow时才应用。
移动端字体
body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; /*使用无衬线字体*/}
a, img { -webkit-touch-callout: none; }
防止点击高亮,可以通过给a标签或者body,html加
-webkit-tap-highlight-color:transparent;
-webkit-appearance属性,来改变任何元素的浏览器默认风格
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,textarea {-webkit-tap-highlight-color:rgba(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;
HTML5视频下载:HTML5视频
HTML5源码下载:HTML5源码
作者:www.51pansou.com
以上是大佬教程为你收集整理的HTML5+CSS3前端开发资源整合全部内容,希望文章能够帮你解决HTML5+CSS3前端开发资源整合所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。