标签表达了这样一种语义：“这是一个文本段”。但这些标签并不包含任何关于内容如何显示的信息。 ### 表示层 表示层（presentation layer）由CSS负责完成。CSS描述页面内容应该如何呈现。 ### 行为层 行为层（behavior layer）负责内容应该如何响应事件这一问题。这是JavaScript语言和DOM主宰的领域。 网页的表示层和行为层总是存在的，即使未明确地给出任何具体的指令也是如此。此时，web浏览器将应用它的默认样式和默认事件处理函数。 ### 分离 * 使用（X）HTML去搭建文档的结构； * 使用CSS去设置文档的呈现效果； * 使用DOM脚本去实现文档的行为。 不过在这三种技术之间存在着一些潜在的重叠区域。 ## style属性 文档的每个元素节点还有一个属性style。style属性包含着元素的样式，查询这个属性将**返回一个对象而不是一个简单的字符串**。也就是说，不仅文档里每个元素是一个对象，每个元素都有一个style属性，它们也是一个对象。 ### 获取样式 例如为了查出某个元素在浏览器里的显示颜色，我们需要使用style对象的color属性： ```javascript element.style.color ``` 但有些属性的获取方式略有不同，例如font-family，你不能简单的查询style对象的font-family，因为“font”和“family”之间的连字符与JavaScript语言中的减法操作符相同，JavaScript会把它解释为减号。当你需要引用一个中间带减号的CSS属性时，DOM要求你用驼峰命名法。CSS属性font-family变成fontFamily： ```javascript element.style.fontFamily ``` 其他：CSS属性background-color——DOM属性backgroundColor，CSS属性magin-top-width——DOM属性marginTopWidth，以此类推。而且绝大多数样式属性的返回值与它们的设置值都采用同样的计量单位。 通过style属性获取样式有很大的局限性，**style属性只能返回内嵌样式**。换句话说，只有把CSS style属性插入到标记里，才可以用DOM style属性去查询那些信息。DOM style属性无法查询引用的外部CSS文件和放在\
部分的\