css样式的叠加,CSS的叠加

CSS中的叠加分为以下三种：

1、上下叠加

CSS部分：

#div1{ width:200px; height:50px; margin-bottom:30px; background:#ffff00;}

#div2{ width:200px; height:50px; margin-top:20px; background:#ff00ff;}

HTML部分：

当一个div有向下空白边，第二个div有向上空白边时，两者的空白边发生叠加，叠加后的空白边值取值大者。

2、内部叠加

CSS部分：

#div3{ width:200px; height:100px; margin-top:50px; background:#00ffff;}

#div4{width:200px; height:60px; margin-top:30px; background:#0f0fff;}

HTML部分：

当两个div都有向上的空白边时，发生叠加，叠加后的空白边值取值大者。

3、自我叠加

CSS部分：

#div5{width:200px; margin-top:20px;margin-bottom:20px; background:#f0f0f0;}

#div6{width:200px; height:50px; background:#0f0f0f;}

HTML部分：

当第一个div是一个空div(没内容、没设定高)时，第一个div的空白边发生自我叠加。

css图片叠加和底部定位

css图片叠加和底部定位 css图片叠加 两张图片需要叠在一起显示,如何定位 容器先对定位 第一张图片正常摆放 第二张图片绝对定位,top:0px 这样便实现了两张图片叠加在一起了,设置z-index ...

css——权重叠加

权重叠加 在下面的一段代码中,第一个样式body b有两个标签,第二个有一个标签b.两个中都有color,会应用哪一个呢?果是 那下面的代码会显示什么样的结果 结果是 应用的事body b中的colo ...

豪情-CSS解构系列之-新浪页面解构-01

目录: 一. 新浪的布局特点 二. 内容细节的特点 三. 其中相关的一些基础技术点 1. 常见布局方法 2. 布局要点 3. Debugger误区 4.列表 5.字体颜色 6.CSS选择符 7.CSS ...

css学习归纳总结(二) 转