![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html_css
文章平均质量分 77
_心动
有点迷茫..
展开
-
css工作总结
1、width||height: 100% && auto 区别auto子元素(包括content+padding+border+margin)撑满整个父元素的content区域。子元素有margin、border、padding时,会减去子元素content区域相对应的width值父元素的content = 子元素(content + padding + border ...原创 2018-10-03 10:12:46 · 941 阅读 · 0 评论 -
实用的 CSS — 贝塞尔曲线(cubic-bezier)
前言在了解 cubic-bezier 之前,你需要对 CSS3 中的动画效果有所认识,它是 animation-timing-function 和 transition-timing-function 中一个重要的内容。本体简介cubic-bezier 又称三次贝塞尔,主要是为 animation 生成速度曲线的函数,规定是 cubic-bezier(<x1>, <...转载 2017-09-26 11:19:27 · 1414 阅读 · 0 评论 -
css3 transition 动画基础
transition是css3中新添加的特性,在W3C标准中是这样描述的:“css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态。这种状态可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并平滑的以动画效果改变css的属性值。”一、transition语法:transition:[<transition-property>||&l...转载 2017-09-25 18:06:54 · 354 阅读 · 0 评论 -
认识hasLayout——IE浏览器css bug的一大罪恶根源 转
什么是hasLayout?hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容,而不是依赖于祖先元素来完...转载 2017-09-25 15:20:47 · 273 阅读 · 0 评论