摘要: Responsive设计在现代Web设计中可谓是越来越流行,但很同学们并未理解其真正的设计概念,往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例,但如何取其断点左右纠结,如何设置哪几个断点?又从何入手?Responsive中的断点都依赖于CSS3的M... 阅读全文
posted @ 2015-05-12 19:26 papahot 阅读(190) 评论(0) 推荐(0) 编辑
摘要: Cursor:url()的使用今天在项目中,要用到自定义鼠标样式,格式:css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面ur... 阅读全文
posted @ 2015-05-12 19:25 papahot 阅读(463) 评论(0) 推荐(0) 编辑
摘要: ie6、7下button的黑边、点状线去除方法 黑边bug出现背景:按钮(button、submit...)得到焦点时,按钮会出现1px的border,看着很是不爽。从网上找的解决办法:1.在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认... 阅读全文
posted @ 2015-05-12 19:25 papahot 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}=====================================... 阅读全文
posted @ 2015-05-12 19:24 papahot 阅读(120) 评论(0) 推荐(0) 编辑
摘要: http://daneden.github.io/animate.css/.site__title { color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-backg... 阅读全文
posted @ 2015-05-12 19:24 papahot 阅读(1587) 评论(0) 推荐(0) 编辑
摘要: apple-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何... 阅读全文
posted @ 2015-05-12 19:23 papahot 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 移动web开发经验总结 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏... 阅读全文
posted @ 2015-05-12 19:22 papahot 阅读(611) 评论(0) 推荐(0) 编辑
摘要: 样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样:选中状态未选状态这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式,比... 阅读全文
posted @ 2015-05-12 19:21 papahot 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 以下列出各种平台下合适的中西文字体:桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体MacWindowsLinux冬青黑体Hiragino Sans GB中易宋体SimSun文泉驿微米黑WenQuanYi Microhei黑体-简(华文黑体)Heiti SC (STHei... 阅读全文
posted @ 2015-05-12 19:19 papahot 阅读(251) 评论(0) 推荐(0) 编辑
摘要: dppxspmminptldpi@ 48.00dp= 36.00px= 48.00sp= 7.62mm= 0.30in= 21.60ptmdpi@ 48.00dp= 48.00px= 48.00sp= 7.62mm= 0.30in= 21.60pttvdpi@ 48.00dp= 63.90px= 4... 阅读全文
posted @ 2015-05-12 19:17 papahot 阅读(166) 评论(0) 推荐(0) 编辑