记住CSS的左，上，右，下

19

使用CSS时，您在定义组合CSS属性（如border，margin和padding）时要记住（也许是一句话）的左，上，右，下的顺序。

我永远都不会忘记，Google似乎像W3Schools一样胡扯。

css

— 马特·弗雷曼
source

6

w3schools.com如何“废话”？比起W3C CSS 3规范文档，阅读CSS3参考更加容易……

— danlefree 2011年

8

@danlefree有关更多投诉，请参阅W3Fools。（尽管就这个特定问题，我不知道他们在任何地方都错了。）

— Su，

Danlefee，请参见Su的回复。w3schools是促进HTML / CSS / JS学习和资源的一种撒旦。正在进行一项运动，以使废话从Google第1页上消失。

— 弗雷曼（MâttFrëëman）2011年

2

我不知道为什么没人提到北，东，南，西。这等效于顺时针，但是:)。

— 凯文，

24

它们都是顺时针方向，从顶部开始。

— 约翰·康德
source

4

除了背景定位（在这种情况下似乎有点相关）之外，首先选择左偏移，然后选择顶部偏移。

— 马塞尔（Marcel）

@Marcel，非常正确，这解释了为什么我总是第一次出错。

— 约翰·康德

背景定位按x-y坐标排序，当您使用数字值而不是时，坐标更合理left top。

— zzzzBov

20

CSS很麻烦。TRBL右上-左下

— 雷·米切尔
source

ah，被殴打。体育+1。

— 乔恩·普迪

8

我通过观察钟面来记住它：从12点（顶部）开始，然后移至3点（右侧），然后移至6点（底部），最后移至9点（左侧）。

— 缺口
source

5

除了简单的绕线类比外，我还提供了另一个助记符：上，右，下，左给出了缩写TRBL，听起来很糟糕 - 如果您愿意的话，也很麻烦。（嘿，即使是高音也给我带来了男中音的麻烦。）它与CRAP（对比度，重复，对齐，接近度）是完美的Web设计的四个原则非常吻合。

— 乔恩·珀迪
source

1

CRAP。干得好，先生

— 雷·米切尔

2

实践

我不记得曾经使用任何特殊的记忆方法来获得这个小花招。我确实知道我从顶部开始按顺时针顺序进行了设置，但是随后我继续编写了许多CSS。

当您重复执行某项任务时，倾向于记住细节以提高效率，因此在这一点上：

是第二天性。就像：

border: <width> <style> <color>;

和

background: <color> <image> <repeat> <attachment> <position>;

— zzzzBov
source