![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 72
她和清风都是过客
比起敲代码,我更喜欢撸猫。
展开
-
transition笔记
使用注意transition需要明确知道,开始状态和结束状态的具体数值,才能计算出中间状态。比如,height从0px变化到100px,transition可以算出中间状态。但是,transition没法算出0px到auto的中间状态,也就是说,如果开始或结束的设置是height: auto,那么就不会产生动画效果。类似的情况还有,display: none到block,background: url(foo.jpg)到url(bar.jpg)等等。transition的局限(1)t.转载 2020-06-17 15:27:25 · 269 阅读 · 0 评论 -
CSS属性对应的动画
都有哪些CSS属性支持transition?http://leaverou.github.io/animatable/原创 2020-06-17 15:19:54 · 120 阅读 · 0 评论 -
pointer-events对鼠标事件的影响
如果你想禁用某个element的鼠标事件,可以给他设置一个CSS属性pointer-events: none;MDNpointer-events属性的值:大部分只适用于SVG,所以只记一下none就行了。MDN对`none`的解释元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。提示使用pointer-events来阻止元素成为鼠标.原创 2020-06-15 10:23:22 · 536 阅读 · 0 评论 -
chrome浏览器下不支持css字体小于12px的解决办法
来源:https://www.jianshu.com/p/5991523a98f9.small-font{ font-size: 12px; -webkit-transform: scale(0.5);}.smallsize-font{ font-size: 6px;}<p class="small-font samllsize-font">这里是文本</p>需要注意的是:transform:scale()这个属性只可以缩放可以定义宽高的元素,而行.原创 2020-05-27 11:15:36 · 227 阅读 · 0 评论 -
CSS为什么要清除浮动?怎么清除?
为什么?子元素的浮动导致了父元素高度的塌陷。怎么办?两个方法:方法一:脚底插入clear:both;方法二:父元素BFC(ie8+)方法一:采用伪元素,这里我们使用:after。添加一个类clearfix: (推荐)在我们需要清除浮动时,只需要给父元素追加clear类即可,既方便又符合语义化。该方法的缺点是,IE6/IE7不识别:after伪元素,存在兼容性问题代码:...转载 2020-02-07 22:57:02 · 431 阅读 · 0 评论 -
伪类 :nth-child()
对于伪类:nth-child()的理解用法:先判断同一个父亲下的节点,在判断是不是这个标签。例如:1、div:nth-child(3){ }<div></div><div></div><div></div><div></div>先找父亲,有几个父亲: body,1个;再看节点...原创 2019-12-06 11:32:20 · 414 阅读 · 0 评论