如果您是
网站建设工程师，您可能对文档对象模型和CSS对象模型脚本编写。除了DOM和CSSOM规范定义的接口之外，CSSOM视图模块中还指定了方法和属性的子集，提供了用于确定和操作DOM元素几何的API，以便在网站上呈现有趣的用户界面。
用户界面解决方案，如无限滚动、滚动元素动画，甚至流行的拖放，都是有趣的界面解决方案，已经存在一段时间了。CSS对象模型(CSSOM)是一组API，允许从JavaScript进行CSS操作。就像DOM提供操作HTML的接口一样，CSSOM允许作者读取和操作CSS。
CSSOM视图是CSS的一个模块，它包含许多属性和方法，所有这些属性和方法都捆绑在一起，为作者提供了一个单独的接口，用于获取有关元素的可视视图的信息。此模块中的属性主要是只读的，并且在每次访问它们时都会进行计算，即实时值。目前CSSOM视图模块只是一个工作草案并在修订中W3C的规格表.因此，它的本质是以一种可以跨浏览器兼容的方式定义这些接口，包括现有的和新的。有几个原因可以解释和使用CSSOM视图属性和方法。
首先，日常用户界面并不需要可移动的组件来实现其最基本的用户故事。除非你正在构建一个游戏界面，否则你可能并不总是需要在你的网站上制作可移动的东西。尽管如此，几何属性还是有用的，因为以编程方式操纵DOM元素的可视视图的能力为开发人员实现动态用户界面提供了更多的超能力。实施看板是因为组件可以被拖放到相关的部分。因为滚动位置值是可读的，所以当用户滚动到文档底部时，会加载更多的内容。因此，虽然看起来不是很明显，但是通过了解元素的精确大小和位置信息，这些特性是可以实现的。
第二，当在web浏览器中查看HTML文档时，DOM元素以可视形状呈现，因此它们具有相应的可视表示，可由浏览器查看/可视化。通过CSSOM视图属性和方法访问这些DOM元素的实时可视属性比常规的CSS属性更有优势。然后你问如何:在CSS中设置HTML元素的宽度和高度属性后，CSS box-sizing属性最终设置如何计算元素的总宽度和高度。如果盒子大小的值发生变化，这会产生一个容易出错的JavaScript。其次几乎没有任何方法可以读取设置为auto的元素宽度的精确数值。有时，我们需要精确的像素宽度和尺寸。
最后，拥有一组只读的生命值看起来更加灵活和有用，当编写一些其他代码来根据当前的生命值操作元素时，可以依赖这些值。
