小灰灰

1. 盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 1.1 盒模型示意图 1.2 盒模型的属性 width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离，padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 1.2.1 盒模型的计算 如果一个盒子设置了padding，border，width，height 盒子的真实宽度=width+2*padding+2*border 盒子的真实高度=height+2*padding+2*border 如果要保持盒子真实的宽度，那么加padding就一定要减width，减padding就一定要加width。 1.2.2 padding的设置 padding有四个方向，分别描述4个方向的padding。描述的方法有两种。 1.写小属性，分别设置不同方向的padding padding-top: 30px; padding-right: 30px; padding

看技术贴的无视这篇，这是水帖，一年写一次不为过的。 我来给大家讲一个故事。 本故事纯属虚构，如有类同，不可能类同！！！！！！！！！ 很久很久以前，有一个公主，她喜欢上了一只王子（楼主你妹的，明明是青蛙，我操，明明是青蛙爱上了公主）。 没事，讲砸了这个故事，咱换个故事 。 从前有一只小猪，他很自恋，我们干脆叫他小灰灰吧，小灰灰从小生活在一个叫星星王国的地方，那个地方很奇怪的，不管是白天还是黑夜，天上总是有九颗星星一闪一闪的，当地有一个公园，附近的那些肥肥的老母猪还有那些不怀好意的中年公猪定点在锻炼身体，公园里有一个池子，里面有一个金詹，池子的周围布满了一块五毛的硬币，但是奇怪的是有一个地方是很干净的，那就是它的嘴，当地的上了年纪的猪传言，如果哪位幸运儿能把硬币投进金詹的嘴里，金詹就可以实现他的一个愿望（我了个去，好老套）。 小灰灰每天路过池子去一个叫奥斯曼的地方去给人家薅羊毛来赚得一口猪食，每天他总是看到一堆猪没事在恩恩鸡鸡的想投到金詹的嘴里。（我决定打破你们的预期，主人公小灰灰也没投过，啥也没发生） 有一天，小灰灰在公园附近刚吃完好吃的猪县小吃，准备回家的时候又路过了这个地方，突然他见了一团白，好吧，其实是一个白色的"猪"，小灰灰看呆了，他从来没看过这么好看的猪，他问了问平时喜欢和他聊天的一只中年爱八卦的萎缩大猪，这只猪直接说你连兔子也没见过吗,这不是猪，小灰灰真不知道