随笔分类 - css
摘要：BFC（Block formatting contexts）：块级格式上下文页面上的一个隔离的渲染区域，那么他是如何产生的呢？可以触发BFC的元素有float、position、overflow、display：table-cell/ inline-block/table-caption ；BFC有
阅读全文
摘要：两种实现思想： 每次轮播元素动画执行到末尾的时候迅速让其位置恢复原位，造成视觉上的无缝轮播 将轮播元素复制一份，第一个item元素轮播执行完后将其删除后添加在整个轮播列表的最后，造成循环轮播
阅读全文
摘要：问：如何修改才能让图片宽度为 300px ？注意下面代码不可修改。 <img src="1.jpg" style="width:480px!important;”> 答： 1.max-width: 300px 2.transform: scale(0.625,0.625) 3. box-sizing
阅读全文
摘要：结构： display:none: 会让元素完全从渲染树中消失，渲染的时候不占据任何空间, 不能点击，visibility: hidden:不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见，不能点击opacity: 0: 不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见，可以
阅读全文
摘要：<div class="parent"> <div class="child"></div></div> 1、定位 div.parent { position: relative; } div.child { position: absolute; top: 50%; left: 50%; tran
阅读全文
摘要：BFC 就是块级格式上下文。 是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。 创建 BFC 的方式有： 根元素（<html>） 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 fi
阅读全文
