NinoYeves的博客

这位博主的文章我觉得讲的很浅显易懂，特意转过来学习学习。http://www.3lian.com/edu/2015/01-31/191131.html

网页里有两种盒子模型标准一是W3C盒子模型；二是IE盒子模型（IE浏览器默认的模型）下面就用公式来区分这两种不同的盒子模型网页盒子模型存在两种： 1：标准W3C盒子模型； 2：IE盒子模型（IE浏览器默认的模型）。 在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用计算公式来区分这两种不同的盒子模型。 1：标准W3C盒子

先看下面的例子你就能明白两者的差别：测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别  在上面的例子中，会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误

前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及标签的:link、visited等，伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念，并且在

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩

大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。visibility和display两个属性都有隐藏元素的功能。visibility属性所控制的元素虽然不在浏览器里面显示出来，但他在浏览区里是存在的，只是不显示而已。而display属性设置为none，这个元素就变成了一个不显示的元素。一、Display的属性值

详细说起来，清除浮动的方法有很多，但是或多或少总是会带来一些比较负面的影响。各种方法比较起来，未来清除浮动的办法是相对比较好的选择。以前总是加一个来解决，但这样会增加无语义的标签，下面是用after伪类实现，兼容多种浏览器.clearfix:after{     content:".";             display:block;           

关于清除浮动的四种方法浮动对页面的影响：　　　　如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，　　　　下面的元素会自动补位，所以这个时候要进行浮动的清除。关于清除浮动的方式: 　　方式一:使用overflow属性来清除浮动　　　　.ovh{　　　　　　overflow:hidden