1、伪类和伪元素
首先，伪类即给标签添加一些特殊的样式，如选中时的样式、hover时的样式等。所以称之为伪类。常见的伪类种类有：
而伪元素可以理解为给修改了便签里的内容，好像给标签里又添加了元素一样。所以称之为伪类。常见的伪元素种类有：
举个:after使用的例子：
p:after
{
content:"台词：-";
background-color:yellow;
color:red;
font-weight:bold;
}
2、:before,:after和::before,::after的区别
它俩的区别就是双冒号的写法为C3提出的新属性，而有时我们的项目要去兼容IE的话还是要采用CSS2的单冒号的写法。
3、CSS 的外边距合并的问题
外边距合并指的是，当两个垂直的外边距相遇时会合并为一个外边距，它的值为两个中较大的那一个。
简单的例子：
当上下两个div，上面设置的margin-botton，下面设置margin-top值。最终，他俩之间的距离就是这个两个值中较大的那一个。
4、谷歌浏览器需要设置fontsize小于12px
1）使用兼容性写法：
html,body{-webkit-text-size-adjust:none;}
或者.divcss5{-webkit-text-size-adjust:none;}
2）我们可以使用图片来代替这些文字
5、盒模型和怪异盒子
当我们在IE6，IE7，IE8中，我们没有使用DOCTYPE来声明哪种规范时，即告诉浏览器使用HTML 还是XHTML规范来解析页面。就会触发怪异模式。
简单的说：
- 在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)即它的宽度就是内容的宽度
- 在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）
6、display设置从父级继承
设置display:inherit;
7、选择器的权重
优先级最高的是行内样式，然后是ID,CLASS,标签选择器。
最高的优先级我们可以设置 !important，它的优先级比行内样式还要高。
.testClass{
color:blue !important;
}
8、b标签和strong标签
两者都是加粗文本用的，而strong标签还有一种含义是告诉浏览器这行文本比较重要。
9、CMD和AMD
