摘要：
概述 CSS相对定位是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。 如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 在HTML中的代码 在CSS中的代码 阅读全文
摘要：
绝对位置 绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。 普通流中其它元素的布局就像绝对定位的元素不存在一样： 在HTML中的代码 在CSS中的代码 固定位置 让一个DIV始终保持在一个位置 阅读全文
摘要：
为什么要清除浮动 浮动 Floats 是 CSS 中的一种布局方式，它的渲染位置在行框与包含块之间，这样就可以是行框内文字与浮动元素不重叠并且环绕它显示，在布局过程中也经常会使用它来达到左右并排布局的效果，但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样会导致脱离普通流 阅读全文
摘要：
盒子的位置 左浮动的盒子先向上再向左排列 右浮动的盒子先向上再向右排列 浮动盒子的顶边不得高于上一个盒子的顶边 若剩余的空间无法放下浮动的盒子，则该盒子向下移动，直到具备足够的空间能容纳盒子，然后再向左或向右移动 在HTML中代码实现： 在css中代码 阅读全文
摘要：
在一个文档中，每个元素都被表示为一个矩形的盒子。确定这些盒子的尺寸, 属性 像它的颜色，背景，边框方面 和位置是渲染引擎的目标。 在CSS中，使用标准盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边：外边距边, 边框边, 内填充边 与 内容边。 内容区域conte 阅读全文
摘要：
CSS选择器决定了样式规则适用于哪些 基本选择器 元素选择器 文档的元素就是最基本的选择器。如果设置HTML的样式，选择器通常将某个HTML元素，比如 p、h1、em、a，甚至可以是html本身： html{color:black;} h1{color:red;} p{color:blue;} 所有 阅读全文