摘要：
一，z-index解释 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z 阅读全文
摘要：
一，定位的分类 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 二，相对定位 相对定位:相对于自己原来的位置定位 1）现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个 阅读全文
摘要：
一，先来讲讲颜色表示法 共有三种：单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色 光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。 用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。 如果此项的值，是255，那么就说明是纯色 阅读全文
摘要：
一，margin 外边距塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： <div class="father"> <div class="box1"></div> <div c 阅读全文
摘要：
一，什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1）空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现 阅读全文
摘要：
一，盒模型的概念 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 二，盒模型的属性 width： # 内容的宽度 height: # 内容的高度 阅读全文