我们经常外部应用CSS层叠样式表，在编写CSS代码时一定要弄清楚CSS的两个核心概念“层叠”和“继承”。
所谓的继承是指：应用在某个标签或元素上的CSS属性传递给了内部嵌套的标签。
通常来说是文本类的会被继承（字体 字号 颜色等）。
层叠主要出现在以下两个时候：第一 继承时； 第二 一个标签可能有一个或者多个样式的来源，当属性发生冲突时，按照加载顺序和权重大小决定的。（当权重相同时，后覆盖前； 权重不同，权重大的生效。）
注意：当内联和外联同时应用到相同的标签时候。谁离该标签近，就最终执行谁。
css三种方法应用到HTML中：
其中，优先级：内联式 > 嵌入式 > 外部样式表
外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
在编写CSS经常遇到的错误：
1. 检查 HTML元素是否有拼写错误、是否忘记结束标记
经常会弄错div的嵌套关系。可以用浏览器的检查功能查看哪些元素没被执行，那些被执行到什么地方。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 } 等。注意软件的相关提示。例如红色波浪线 感叹号等等。
3. 用注释法确定错误发生的位置
如果错误影响了整体布局，则可以逐个用同时按下Ctrl+问号注释 div块，直到注释到某个div块后显示恢复正常，即可确定错误发生的位置。然后在此点击Ctrl+问号可以恢复div块，做出相应的修改。（个人建议如果该div块错误太多。不要恢复，直接删除重写。）
4. 利用border确定出错元素布局
使用float属性布局经常会出错。为元素添加border属性确定元素边界，这样就能看到错误的地方。
5. clear属性
尽量少使用clear属性，使用太多会造成布局混乱。
6. float元素不能指定margin和padding等属性
某些浏览器的处理方式不同。所以不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。
7. 是否重设了默认的样式?
某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。
最后，需要注意的是，尽量采用外部调用的方式调用CSS，这样可以减少HTML中的代码数量，增大搜索引擎的抓取速度。