Css 参数的盒阴影顺序

发件人：

发件人：

因此，在其他方面，排序似乎有点不同。在github.com示例中，inset是第一个，而w3schools.com则是最后一个。顺序不重要吗？或者，对于那些可以从其他属性中消除歧义的属性来说，这并不重要

---

我猜0是h阴影，1px是v阴影，最后0是模糊？

通常，只有相同类型的参数具有固定顺序<代码>h阴影，

v阴影

，

模糊

和

扩散

因此必须按此顺序出现（并且只能从末尾省略），但是

插入

和

颜色

可以放在任何位置。

显然，您可以将

插入

放在末尾或最后（但其他所有东西的顺序，如水平阴影、垂直阴影、模糊、扩散和颜色确实很重要。正如您在语法开头显示的

插图？

中所看到的，而在示例中，您发现它们在结尾使用。

通常情况下 盒影 按顺序排列

水平偏移量

垂直偏移

blur

排列

color

和

插图

。 在这些中，您可以放置

插图

和

color

---

列表中的任意位置。

CSS很奇怪。只要试着按照您最常看到的顺序使用它们就可以了。

box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;

box-shadow: h-shadow v-shadow blur spread color inset;