CSS伪类和伪元素

之所以要说这两个是因为看到有这样的写法::before,不是应该为:before吗，原来之所以有前者这样的写法是为了区分伪类和伪元素，那么问题来了，伪类和伪元素，两者有什么区别。

从定义上看：

• CSS 伪类用于向某些选择器添加特殊的效果。常见的有:hover,:active,:visited等
• CSS 伪元素用于将特殊的效果添加到某些选择器。常见的有:after,:before等

伪类重点在于类的作用，可用于添加样式；伪元素重点在于营造一个“伪”的元素，重点在元素上

为了区别明显一些，在CSS3中，单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

详细的还可参见这篇详解 CSS 属性 - 伪类和伪元素的区别

box-sizing属性可以为三个值：

content-box，border和padding不计算入width之内

border-box，border和padding计算入width之内，IE怪异模式就是这样计算的

padding-box，padding计算入width内，这个貌似兼容性不好一般不考虑

区别简单的说就是box-sizing:content-box属性不包含盒子的padding值，如果有padding则撑开盒子的宽度高度，box-sizing:border-box;包含了盒子的padding值，设置了padding值不会影响盒子的原始宽度高度。

background-attachment:fixed

background-attachment – 定义背景图片随滚动轴的移动方式

取值: scroll

fixed

inherit

• scroll: 随着页面的滚动轴背景图片将移动
• fixed: 随着页面的滚动轴背景图片不会移动
• inherit: 继承

background-attachment: fixed 是针对视口固定位置的