CSS margin-inline和margin-block都属于CSS逻辑属性，是CSS中比较新的一个概念，其行为表现具有逻辑特性， margin-inline和margin-block是N多CSS逻辑属性中的2个，本文以margin-inline和margin-block为代表介绍CSS逻辑属性的一些布局表现，同时演示direction和writing-mode这些属性是如何让这些CSS属性表现出“逻辑”的。
有demo有截图有必要的源代码展示，希望本文内容能够对您的学习有所帮助。
文章关键字 ‘margin’
CSS margin-inline和margin-block区别是什么？
2018年10月26日，星期五聊聊CSS世界中的margin-box
2016年09月16日，星期五盒尺寸由4个盒子组成，分别是content box, padding box, border box, margin box。这个和盒模型中的几个盒子其实是对应的。但是，对于的CSS关键字中却没有margin-box，唯独缺了margin-box，这是为什么呢？
CSS 相对/绝对(relative/absolute)定位系列（四）
2011年08月6日，星期六
本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性，以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点，讲述的是relative相对定位的最小化影响原则。有demo，有实例，有截图以及必要的源代码展示。总之，希望本文的内容对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（三）
2011年03月20日，星期日
本文是CSS 相对/绝对(relative/absolute)定位系列的第三篇，主要内容是absolute绝对定位的可用性隐藏，absolute绝对定位与等高布局，以及absolute相关的一些有趣的兼容性问题探讨。本文断断续续写了一个星期，所以行文上可能没有一气呵成之感；本周遇到些不顺心的事情，所以言语上也不如之前文章活波。但是，内容上并没有偷工减料，该有的截图还是有的，该有的demo还是有的，必要的代码展示也是有的。总之，希望本文的内容能够对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（二）
2010年12月26日，星期日
本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第二篇，文章通过三个事例展示了absolute绝对定位布局一些替换的实现方式；点明了absolute属性与left/top等属性之间的关系，再一次提及了absolute属性与float:left的近亲关系。最后表达了自己absolute元素应该放在body标签内的观点。这些就是本篇的主要内容。内容阐述方便很详尽，丰富的截图，必要的源代码展示，以及非常专业的demo实例页面。总之，希望能对您的学习有所帮助。
absolute绝对定位的非绝对定位用法
2010年01月29日，星期五“无定位值的absolute元素就是个连实际宽度也没有的float浮动元素”，如果您不知道我这句话说的是什么乱七八糟的东西，那您可能有必要读一读本文了，本文分析了absolute的一些另类的应用，即未脱离DOM tree的一些应用。提供详尽的插图以及demo页面，希望对您的学习有所帮助
css margin的相关属性，问题及应用
2009年08月25日，星期二margin为css中非常常用的一个属性，其所包含的内容也是很多的。本文主要分三部分对margin做一些分析叙述，包括其属性，使用过程中会遇到的问题，以及一些高级应用等。
其中属性将着重分享自己记margin各个参数个数位置含义的方法；
margin常见问题部分将讨论margin双倍边距形成的条件以及推荐的解决方法，讨论margin重叠的问题，简单叙述margin不起作用的一些情况；
margin负值的相关应用将讨论页面背景定位的问题，宽度自适应布局，选项卡中的应用，文字与图片对齐等问题。
我的应用
我的应用