自Web诞生以来，我们一直习惯于物理CSS属性，比如我们都知道使用margin-top、margin-right、margin-bottom和margin-bottom来设置元素的外边距，但随着书写模式特性的出现，这些物理特性，比如上、右、下和左的概念已经失去了它们的意义。特别是随着越来越多的Web开发人员要处理国际化业务，那么以前的物理特性已经无法满足业务的需求。换句话说，为了具有不同编写模式的多种语言设计页面时，开发人员必须跨多个元素分别调整这些物理属性，这也成了Web开发者的噩梦。幸运的是，CSS的逻辑属性的出现，可以让开发者根据书写模式来维护布局的完整性。即，根据内容的语义顺序进行动态更新。今天这篇文章，我们将和大家一起来探讨CSS的逻辑属性。

在《理解CSS的逻辑属性和值》一文中，我们对CSS逻辑属性和值（CSS Logical Properties and Values Level 1）有所了解。事实上对于广大前端开发者而言，自从Web诞生以来，就习惯了使用用物理CSS属性。比如上、右、下和左，映射到CSS的盒模型就是margin、padding和border的top、right、bottom和left设置元素。但随着CSS的书写模式特性的出现，上、右、下和左的概念在某种程度上已经失去了其意义。