文档章节

HTML5+CSS3前端开发资源整合

51pansou
 51pansou
发布于 2016/02/16 13:15
字数 463
阅读 14
收藏 1

HTML5+CSS3前端开发资源整合

 

推个广告

个人网站:http://www.51pansou.com

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,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;

 

个人网站:http://www.51pansou.com

HTML5视频下载:HTML5视频

HTML5源码下载:HTML5源码

作者:www.51pansou.com

© 著作权归作者所有

51pansou
粉丝 44
博文 6
码字总数 2037
作品 0
郑州
高级程序员
私信 提问
F.I.S —— 来自百度的前端集成解决方案

F.I.S所提供的集成解决方案依托于一套灵活高效的 编译工具,F.I.S借助该编译平台对前端开发资源进行整合。接触F.I.S,可以从该平台入手。

oschina
2013/10/01
7
0
好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别

好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别,不管是DIV+CSS3还是html5+CSS3,他们都是我们对网页开发布局方式的统称,但是DIV+CSS3作为网页的基础开发这句话其实并不严谨,因为而d...

好程序员IT
04/24
0
0
移动H5页面前端制作

【业务需求】 1、PSD文件转HTML5+CSS3; 2、页面内触发链接和按钮需有动效,页面与页面之间增加左/右滑入; PSD文件下载地址: 链接:http://pan.baidu.com/s/1eSwldF8 密码:87xc 【人员要求...

阿尔卑斯奶糖
2016/08/15
10
7
前端集成解决方案--F.I.S

F.I.S(FIS)所提供的集成解决方案依托于一套灵活高效的 编译工具,F.I.S借助该编译平台对前端开发资源进行整合。接触F.I.S,可以从该平台入手。 前端团队发展大多会经历规范设计、技术选型、...

滔哥
2013/10/01
8K
4
数据可视化开发

可提供PSD源文件给开发者 【业务需求】 一、功能需求 前端: 1.实现如图所示的效果,整体风格、色调基本一致(主页面和二级页面,但不局限于1个二级页面)。 2.所有文字不能做成图片,有效果...

无锡一棵树
2017/05/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

texlive安装

Installing to: D:/bin/texlive/texlive/2019Installing [001/307, time/total: ??:??/??:??]: adobemapping [2130k]Installing [002/307, time/total: 00:03/08:57]: ae [84k]Installing......

MtrS
58分钟前
2
0
运维规范

命名规范 发布流程 监控告警 故障定位 状态 日志 监控

以谁为师
今天
2
0
约瑟夫环(报数游戏)java实现

开端 公司组织考试,一拿到考题,就是算法里说的约瑟夫环,仔细想想 以前老师将的都忘了,还是自己琢磨把~ package basic.gzy;import java.util.Iterator;import java.util.LinkedList;...

无极之岚
今天
3
0
Kernel字符设备驱动框架

Linux设备分为三大类:字符设备,块设备和网络设备,这三种设备基于不同的设备框架。相较于块设备和网络设备,字符设备在kernel中是最简单的,也是唯一没有基于设备基础框架(device结构)的...

yepanl
今天
3
0
Jenkins 中文本地化的重大进展

本文首发于:Jenkins 中文社区 我从2017年开始,参与 Jenkins 社区贡献。作为一名新成员,翻译可能是帮助社区项目最简单的方法。 本地化的优化通常是较小的改动,你无需了解项目完整的上下文...

Jenkins中文社区
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部