了解设计器中的不同样式标签以及如何清除它们。
琥珀。蓝色的。粉色?在这节微课中(你知道这是微的,因为我在这个视频中大大缩小了),我们将讨论这三个,包括它们的含义,以及如何清除它们。
对于样式面板中的所有CSS属性,我基本上可以控制一切。当我刚开始的时候,我可以看到普通的标签,但我也可以看到其中一些是琥珀色的,我什么都不用做。
Amber表示它在这里继承了一个值。我可以点击标签,看看它是从哪里来的。
但当我改变它的时候呢?繁荣。它是蓝色的。蓝色表示我对这个断点的样式属性做了更改。点击Tablet,可以看到同样的属性是amber。(我们知道为什么!这是因为它现在继承了我刚刚在桌面上所做的更改的风格。)如果我在tablet上再次改变值呢?现在这里也变成蓝色了。通过重新设置移除它? Now it’s back to amber (and we can see it’s inheriting from Desktop again).
(顺便说一下,您可以按住键盘上的Option或Alt键,然后单击一个标签来重置属性,而不是单击进入)。
所以。普通表示它的值没有改变。Amber表示它从其他地方继承了一个样式。蓝色表示我已经主动更改了当前断点上的样式。
粉红色的怎么样?CSS网格很特别。有时我使用了一堆具有相同类的项。但如果我想让其中一项跨越多个网格单元格呢?当我做出改变的时候。繁荣。粉红色的标签。粉色表示它影响当前选定的子网格(网格的子类),但不影响整个类——这意味着我可以逐个更改这些内容。
所以。普通标签意味着属性没有真正设置。Amber表示它从其他地方继承了一个值。蓝色表示我对这个断点的样式进行了更改。粉色表示它只影响当前选中的元素;而不是类本身。
所以。这不是Webflow大学最短的课程。但也许是最小的。
当您使用Style面板设计站点时,您将看到属性的普通、琥珀色、蓝色和粉色标签。普通标签表示没有更改,琥珀色标签表示此更改由组合类继承或从另一个断点继承。蓝色标签表示对当前断点进行了更改。最后,粉色标签意味着网格子节点具有特定的大小和布局属性。
在粉色和蓝色标签上,您可以通过单击标签本身来清除或重置这些样式,或者您可以按住Option或Alt并单击标签。
当Style面板中的标签为琥珀色时,通过单击它,您可以看到该样式是从哪里继承的。
提交表单时出错了。请联系support@www.raktarban.com