BAOXF专栏

问题：有时当我们设置子元素的margin-top，但是却发现子元素没有出现上外边距的效果，反而是父元素出现了上外边距的效果。第一个子元素设置margin-top父元素会跟着移动原因：边距重叠：一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。 发生这一现象的有三种情况： 相邻兄弟块元素间、 ...

float、position 和 display 之间的关系：如果display的值为none，那么后两者就不会产生作用，也不会有任何的盒子产生；除此之外，如果元素为absolute或者fixed定位，那么float的属性值相当于‘none’，display的属性如下面的表格所示。盒的位置根据“top”，“right”，“bottom”和“left”属性与盒的包含块决定。除此之外，如

css3中的3种和动画相关的属性： 变形（transform）----描述元素的静态样式，常用于配合后两者使用，实现动画效果 过渡(transtion)----常和hover等事件配合使用，由事件触发。只能设定头尾。所有样式属性都要一起变化。 动画(animation)----和gif动态图差不多，立即播放。可以设定循环次数。可以设定每一帧的样式和时间。 结论...