Overview

opacity#

透明度设置，这个属性兴许只是单词不认识，所以不好记。

/* 完全不透明 */
opacity: 1;
opacity: 1;

/* 半透明 */
opacity: 0.6;

/* 完全透明 */
opacity: 0;
opacity: 0;

opacity: inherit;

order 属性规定了弹性容器中的可伸缩项目在布局时的顺序。元素按照 order 属性的值的增序进行布局。拥有相同 order 属性值的元素按照它们在源代码中出现的顺序进行布局。

简单地说，值越大，排列越往后，常见与 flex 一起使用。

CSS z-index 属性设置定位元素及其后代元素或 flex 项目的 Z 轴顺序，z-index 较大的重叠元素会覆盖较小的元素。

简单地说，值越大，越靠前。

浮动元素从正常的文档流中移出，并向左或向右浮动，直到它碰到父容器的边界或另一个浮动元素。其他非浮动元素（如文本）则会围绕浮动元素流动，但浮动元素本身仍保留在父容器中。

通常与 transform 一起使用。