Css基本属性二 ——操作盒子
前面已经介绍了了如何操作一个盒子内部的文本内容，那么我们盒子里面又仅仅只有文本内容吗？答案是否定的，看现在的礼盒装的月饼，那不是套了三四层盒子，800多块钱的一盒月饼，他mua的只有9个月饼，这不就是盒子卖的钱吗？不就是因为它的盒子好看一点点，里面装的月饼好看一点点吗？所以，对于网站页面来说，控制每一个盒子在他该显示的地方显示，从而使页面显得更加美观也是十分重要的！！！
好了，废话不多说了，我们直接进入主题 Go！！！
盒模型
假设，你已经知道了什么是盒模型。如果你不知道，我也假设你知道
那么你知道盒子模型又分为 border-box和content-box吗？！？嘿嘿，就知道你不晓得
border-box叫做怪异盒模型，它怪在哪里呢？他怪在你设置的宽和高就是b+p+c（border+padding+content）的大小除非你设置的p+d已经将c榨干了，不然整个盒子的大小是不会变大的。
content-box叫做标准盒模型,什么是标准盒模型，就是不设置他默认就是这个东东，你设置的宽和高就仅仅是content的大小，设置p和d整个盒子会变大。
总结：content-box 就是设计时，设计的是礼物的大小，是你实实在在的月饼的大小比如6寸啦，而你再给他添加外包装（b+p）那么他就变成了7寸，就是商家所说的净大小6寸，但你拿到看做感jio很大。而border-box，就是设计时，设计整个盒子的大小。就是现在不良商家说的一个5斤重的番茄，其实就是4斤的盒子加上实际一斤重的西红柿。
标签的分类
不知道大家在使用标签时候有没有发现一些个问题一些标签很霸道，即使它自身的宽度没有一，但它就要独占一行的位置，而有些标签就是很友善，愿意跟其他标签一起排一行，有些标签设置宽和高的时候它傲娇的不理你。常见的恶霸有 div hX img 之类的而常见的傲娇标签有什么那些呢？
但是，我知道这是为什么。——标签分为块级标签和行内标签还有行内块级标签
块级：就是霸道的独占一行的标签 特点：能设置宽高，独占一行
行内：就是友善的能共排一行的标签 特点：不能设置宽高，可以共排
哎，你是不是要问，那么行内块级又是什么东西呢？都知道人分男女吧，但是是不是还有一种名叫人妖的东西呢？行内块级就是能够设置宽高也能共排的标签。是不是觉得他跟人妖有那么一丢丢相似呢？但是，人出生就只有两种基本性别吧，那么标签同样也只有两种基本类型，其他的都是依靠手术做的
浮动
你是不是只会这样？
而我会这样
还可以这样，帅吧？
想知道怎么做到的吗？
是不是很气，很想打我？？都看到这儿了，看了你对我是真爱啊。。
这就是浮动啦，是不是又想问什么是浮动？唉，你怎么这么多问题呢？真是换个人我直接就一巴掌过去了，但是，谁让你是我的兄弟。浮动就是浮动啦，你是不是在说，我有九年义务教育，看得懂中文啦！！！ 船会和潜艇相撞吗？这通常情况下是不会的吧，船浮动在水面上，而潜艇在下面所以他们是处于相同的XY轴和不同的Z轴就像——错位时空“我吹过你吹过的晚风那我们算不算相拥”
好像有点不对....
那么浮动有哪儿特性呢？
1.包裹性*
2.高度塌陷*
3.块状化*
浮动之后的属性自动块状化（行内盒子本身不可以设置宽高，但是浮动之后就可以直接设置了）
4.无margin叠压现象（浮动，脱标，不叠压）*
是不是觉得浮动很吊？那么你知道他用来干嘛吗？不会不知道吧。。。。。我丢，开头不是告诉你了吗？操作盒子，操作盒子干什么?当然是布局啦......
是不是还是觉得没什么用？
我只能再说说定位了
定位
定位，就是你想它去的地方，不管哪儿有没有东西，它回去。定位共有六种。常用的只有三种
1.static 静态定位：
默认的定位方式
2.relatie 相对定位 ：相对自己原来的位置
3.absolute绝对定位：相对于定位基点（我猜你就不知道什么是定位基点，定位基点就是有设置了相对或绝对定位的元素，当然只能是自己上级直到html）
4.fixed固定定位：相对于浏览器视口 （常用导航）
5.staicky粘性定位 ：有bug
有没有顿悟啊道友？
有些有慧根的道友是不是想到一个问题，既然定位是想去哪儿就去哪儿，那么我同时将很多标签定位到同一个地方，那它显示的是哪一个呢？这就要说一下z-index。默认所有的z-index都是0，所以页面默认显示的是你标签写在后面的元素，但是你给他设置了z-index后，那么就是显示z-index最大的哪一个。是不是想看一下图？不好意思没有图啦
