随笔分类 -  css

css驼峰写法
摘要：当style样式与 animate() 方法一起使用时，该属性名称必须是驼峰写法： 您必须使用 paddingLeft 代替 padding-left，marginRight 代替 margin-right，依此类推。 阅读全文
posted @ 2017-01-06 10:55 吾将上下而求之 阅读(1853) 评论(0) 推荐(0)
关于浮动
摘要：float:left和display:inline-block的区别 个人觉得display:inline-block好用,但是在不同的需求下面还是需要做一些选择。 当要实现文字围绕的时候需要用到float:left 使用inline-block：当你需要控制元素的垂直对齐跟水平排列时，使用inli 阅读全文
posted @ 2017-01-06 09:47 吾将上下而求之 阅读(84) 评论(0) 推荐(0)
瀑布流
摘要：瀑布流:图片等宽，不等高 阅读全文
posted @ 2017-01-06 09:46 吾将上下而求之 阅读(62) 评论(0) 推荐(0)
遮罩层
摘要：页面的高度和宽度获取方式 document.documentElement.scrollHeight;宽度同理 一般遮罩层的是实现需要用js创建一个div让后给div动态添加ID元素，然后将获取的页面高度和宽度动态赋值给div元素 创建实现玩成了之后怎么样将遮罩层显示出来呢，通过document.b 阅读全文
posted @ 2017-01-06 09:45 吾将上下而求之 阅读(99) 评论(0) 推荐(0)
幽灵按钮
摘要：实现属性:transform、transition、box-sizing、border-radius 阅读全文
posted @ 2017-01-06 09:43 吾将上下而求之 阅读(94) 评论(0) 推荐(0)
照片墙
摘要：1.图片墙效果主要是由css3效果完成，里面包括盒子阴影样式--> -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);//浏览器兼容 -moz-box-shadow:0 3px 6px rgba(0,0,0,.25); -o-box-shadow:0 3px 阅读全文
posted @ 2017-01-06 09:35 吾将上下而求之 阅读(103) 评论(0) 推荐(0)
css面包屑导航编号
摘要：content:counter(flag);counter-increment: flag;-->一般给导航条编号1，2，3 阅读全文
posted @ 2017-01-06 09:29 吾将上下而求之 阅读(143) 评论(0) 推荐(0)