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

我永远都不会忘记,Google似乎到处都是W3Schools这样的废话。

评论

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

@danlefree有关更多投诉,请参阅W3Fools。 (尽管我不知道在任何地方都存在关于这个特定问题的错误。)

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

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

#1 楼

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

评论


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

–马塞尔
2011年5月21日下午6:50

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

–John Conde♦
2011年5月21日下午6:55

背景定位按x-y坐标排序,这在使用数值而不是左上角时更合理。

–zzzzBov
13年2月1日在20:36

#2 楼

CSS很麻烦。 T-R-B-L左上右下左

评论


ah,被殴打。体育+1。

–琼·普迪(Jon Purdy)
2011年5月21日在1:51

#3 楼

我通过观察钟面来记住它:从12点(顶部)开始,然后移至3点(右侧),然后移至6点(底部),最后移至9点(左侧)。 />

#4 楼

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

评论


CRAP。干得好,先生

–雷·米切尔(Ray Mitchell)
2011年5月21日在1:57

#5 楼

练习
我不记得曾经使用任何特殊的记忆方法来记录这个小花絮了。我确实知道我从顶部开始按顺时针顺序进行设置,但是随后我继续编写了许多CSS。
重复执行某项任务时,往往会记住一些细节以提高效率,因此在这一点:

所有
顶部和底部右侧和左侧
顶部右侧和左侧底部
顶部右侧底部左侧

是第二个性质。就像:
border: <width> <style> <color>;


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