摘要: 在这个教程中,我会教你使用CSS变形制作圆形导航。 我会带你一步步地创建样式,讲解背后的数学知识和简单的逻辑,让你对这技术有清晰的认识。正如我提到的,使用CSS变形创建样式,会用到相关的基础数学知识。但是不必担心, 用到的数学非常简单,我会带你一步步地客克服它。我要指出原技术属于Ana Tudor。... 阅读全文
posted @ 2015-05-12 19:26 papahot 阅读(587) 评论(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 阅读(475) 评论(0) 推荐(0)
摘要: ie6、7下button的黑边、点状线去除方法 黑边bug出现背景:按钮(button、submit...)得到焦点时,按钮会出现1px的border,看着很是不爽。从网上找的解决办法:1.在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认... 阅读全文
posted @ 2015-05-12 19:25 papahot 阅读(272) 评论(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 阅读(125) 评论(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 阅读(1601) 评论(0) 推荐(0)
摘要: apple-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何... 阅读全文
posted @ 2015-05-12 19:23 papahot 阅读(630) 评论(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 阅读(614) 评论(0) 推荐(0)
摘要: 样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样:选中状态未选状态这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式,比... 阅读全文
posted @ 2015-05-12 19:21 papahot 阅读(272) 评论(0) 推荐(0)
摘要: 以下列出各种平台下合适的中西文字体:桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体MacWindowsLinux冬青黑体Hiragino Sans GB中易宋体SimSun文泉驿微米黑WenQuanYi Microhei黑体-简(华文黑体)Heiti SC (STHei... 阅读全文
posted @ 2015-05-12 19:19 papahot 阅读(262) 评论(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 阅读(170) 评论(0) 推荐(0)