随笔分类 -  css

css 基础知识 (待完善...)
摘要：CSS 1.position 属性 对元素进行定位. absolute 相对于 非static类型的position 的 第一个(临近的) 父元素 进行定位. relative 相对于 正常文档流的位置进行定位. 可以简单理解为 相对于自己本身 进行偏移量定位. 例如,"position:relat 阅读全文
posted @ 2019-07-04 13:33 豆豆飞 阅读(126) 评论(0) 推荐(0)
解决fixed布局里内容不滚动问题
摘要：//注意给父级加上(1)横向滚动 left:0; right:0; 然后想要横向滚动的话 overflow-x:scroll; overflow-y:hidden;（2）竖直方向滚动top:0;bottom:0;position:fixed;overflow-y:scroll;overflow-x:hidden; 阅读全文
posted @ 2018-07-10 10:19 豆豆飞 阅读(3720) 评论(0) 推荐(0)
物流进度条
摘要：看到这样的布局，第一想法使用js算，后来在地铁上想了下，有更简单的解决办法，纯css就好 1、最外层一个div：relative 2、里面一个div做线;absolute top：上面高度 bottom：下面高度 3、前面的图标，放到标题里：relative 图标：absolute 即图标相对标题做 阅读全文
posted @ 2018-06-01 17:22 豆豆飞 阅读(415) 评论(0) 推荐(0)
css3 实现渐变边框
摘要：border-image:url(../img/border_img.png) 0 0 100%/0.05rem 0 repeat; 6、若想此单边框在上方，可只修改 阅读全文
posted @ 2018-05-04 16:35 豆豆飞 阅读(365) 评论(0) 推荐(0)
flex布局
摘要：一、flex基础属性：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 1、display:flex; 行内元素：display:inline-flex webkit内核：display:-webkit-flex; display:fl 阅读全文
posted @ 2018-04-19 17:57 豆豆飞 阅读(116) 评论(0) 推荐(0)
字体颜色线性过度
摘要：一个字的字体颜色可能有同时存在多种，颜色像背景那样有过度效果 ，目前兼容性还不是很好 background:#fff; background:-webkit-linear-gradient(left, blue, #FF302D); background: -o-linear-gradient(ri 阅读全文
posted @ 2018-04-19 12:31 豆豆飞 阅读(512) 评论(0) 推荐(0)