摘要: 总结一下平时使用CSS技巧使元素达到水平居中效果 相对定位(或绝对定位)实现水平垂直居中: 缺点:需要提前知道元素的尺寸。否则无法精确调整 margin 的值 但是有一个替代方案就是使用CSS3的 transform 属性。手机兼容性良好 上面代码使用 transform 代替了 margin ,  阅读全文
posted @ 2017-07-16 15:18 张粤圳 阅读(1365) 评论(0) 推荐(0) 编辑
摘要: 使用css3实现小菊花加载效果 最常见的就是我们用到的加载动画。加载动画的效果处理的好,会给页面带来画龙点睛的作用,而使用户愿意去等待。而页面中最常用的做法是把动画做成gif格式,当做背景图或是img标签来引用,这种方式最简单,也不会有兼容性的问题。不过最近再捣鼓CSS,看到一些动画的效果,不管是简 阅读全文
posted @ 2017-07-16 14:45 张粤圳 阅读(2546) 评论(0) 推荐(0) 编辑
摘要: 手机浏览器种类: UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,其他杂牌浏览器 国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自助研发的内核,就像国内的手机操作系统都是基于Android修改的 由于移动端 阅读全文
posted @ 2017-07-16 14:25 张粤圳 阅读(2295) 评论(0) 推荐(0) 编辑
摘要: 每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 使用语法: element{box-shadow: inset x-offset y-offset blur-radius spread-radius color}; element{box-shadow: 阅读全文
posted @ 2017-07-16 11:55 张粤圳 阅读(3972) 评论(0) 推荐(1) 编辑