随笔分类 -  css

fixed 定位的失效
摘要：我们再使用定位的时候，一般都会结合 z-index 给出一个层架关系，因此在使用 absolute 的时候，不管我们设置他们的 z-index 层级为多少的值，都会被个别元素盖住，这时候就需要注意了，可能我们的父元素设置了 relative 或者 absolute 等，被遮盖了，因此就是 子元素再怎 阅读全文
posted @ 2019-12-12 15:21 mumengchun 阅读(1406) 评论(0) 推荐(1)
animation 和 transition 的区别
摘要：animation 可以用 name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-s 阅读全文
posted @ 2019-09-05 18:00 mumengchun 阅读(12444) 评论(0) 推荐(2)
html + css 琐碎
摘要：BFC 的概念 BFC 是一个容器，是一个独立的布局环境，决定了元素如何对其内容就行定位，以及与其他元素的关系和相互作用；BFC 中的子元素的布局不会受到外界的影响； BFC 的布局规则： 1)、在 BFC 下，内部的 box 会在垂直方向，一个接一个的放置； 2)、Box 垂直方向的距离由 mar 阅读全文
posted @ 2019-08-27 13:51 mumengchun 阅读(118) 评论(0) 推荐(0)
css 对元素在文档中的排列的影响
摘要：文档中元素的排列主要是根据层叠关系进行排列的； 形成层叠上下文的方法有： 1)、根元素<html></html> 2)、position 的属性值为： absolute | relative，且 z-index 值不为 auto ; 3)、position 值为fixed | stick ； 4)、 阅读全文
posted @ 2019-08-05 17:13 mumengchun 阅读(241) 评论(0) 推荐(0)
在 ios 系统中 transfrom 的其他属性对 rotate 有影响
摘要：在 ios 系统中 transfrom 的其他属性对 rotate 有影响，旋转效果很慢，甚至不旋转 使用 animation 开进行动画编辑的时候，刚开始发现在 IOS 上变换角度等于 360 的倍数的，然后伴随 scale 变化的时间段，就看不大效果，不等于 360 倍数的，效果也是很不明显，在 阅读全文
posted @ 2019-07-29 17:41 mumengchun 阅读(297) 评论(0) 推荐(0)
sass基础
摘要：Scss是css的预处理器，是css的扩展；它允许使用变量、嵌套规则、混合(mixins)、函数、导入等功能，并且完美的兼容 css 语法。 scss 和 sass 其实是两个可以互相转化的语法版本；sass 是一种缩排语法，提供了一种更简洁的 css 书写方式；它不适用花括号，而是通过缩排的方式来 阅读全文
posted @ 2019-03-28 09:25 mumengchun 阅读(197) 评论(0) 推荐(0)