css核心知识汇总

1、学习CSS"盒子模型"（上）（重点）


http://www.108js.com/article/article8/80058.html?id=1766


一是理解单个的盒子的内部结构；二是理解多个盒子之间的相互关系。


本文首先讲解独立的盒子相关的性质，然后介绍在普通情况下盒子的排列关系。下一次将更深入地讲解浮动和定位的相关内容。


为了适应各种排版要求，CSS规范的思路是：首先确定一种标准的排版模式，这个就是“标准流”。
    但仅通过标准流方式，很多排版是无法实现的，CSS规范中又给出了另外几种对盒子进行布局的方法，包括“浮动”和“定位”等属性，对某些元素进行特殊排版。


2、学习CSS"盒子模型"（下）


http://www.108js.com/article/article8/80059.html?id=1767


3、div的相对定位与绝对定位


http://www.108js.com/article/article8/80005.html?id=195（讲得好，看看）


http://www.108js.com/article/article8/80001.html?id=1（一般）


相对定位是相对于该块元素在文档流中的位置的，相对定位的元素是会占据文档流空间的。


使用绝对定位也是可以把div2摆到div1的右边的，而且绝对定位是不会占据文档流空间的，绝对定位是个好东西，可以把内容显示到页面上的任何位置，但是对于我们程序员来说，却不能使用太多的绝对定位，因为使用程序动态向div中添加内容，div的大小是不可知的，无法将每一个div的位置都定死。


4、float 浮动


http://www.108js.com/article/article8/80068.html?id=1796（讲得好）