CSS
尘埃丶落定
这个作者很懒,什么都没留下…
展开
-
absolute模拟fixed效果(解决fixed失效问题)
absolute模拟fixed效果在IE6下,position:fixed不会生效,元素依旧会随着滚动条而滚动,我们可以用position: absolute来模拟fixed的效果。1. overflow滚动条归属问题当只设置html或body其中一个overflow时,都会作用到document上,滚动条的归属也是如此;如果同时设置两个的overflow,html的overflo...原创 2018-06-22 19:28:06 · 5035 阅读 · 0 评论 -
深入理解BFC原理及其在布局中的应用
深入理解BFC原理及其在布局中的应用谈谈你对盒模型的理解?当面试官问到这个问题,如果你只说出W3C标准盒模型和IE盒模型: 标准盒模型中,width和height等于内容区(content)的宽高; 而IE盒模型中,width和height等于content+padding+border的总宽高。这个答案显然是不够的。要是你能稍微扩展一点,说出CSS3中对盒...原创 2018-06-23 21:34:14 · 896 阅读 · 0 评论 -
display中的transition实现
display中的transition实现这里讨论的transition,是针对于display:none/block;下的实现或替代性方案。因为过渡是基于数值和时间来计算的,比如长度、颜色、角度等属性值,是可以在单位时间内变化一定数值,从而达到过渡的动画效果。像我们常见的opacity/width/height/margin/padding等属性,都是可以应用过渡效果的,然而disp...原创 2018-07-25 23:31:34 · 18208 阅读 · 2 评论 -
less语法及使用介绍
less less是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。LESS 既可以在 客户端 上运行 ,也可以借助Node.js在服务端运行。less中的注释以//开头的注释,不会被编译到css文件中;以/**/包裹的注释会被编译到css文件中。less中的变量使用@来声...原创 2018-07-16 09:44:20 · 1926 阅读 · 1 评论