我永远记不起在一个声明中设置边距或填充的速记属性的顺序.也就是说:

margin-top:    2px;
margin-bottom: 4px;
margin-left:   3px;
margin-right:  8px;

可以写成

margin: 2px 8px 4px 3px;

是的,我知道人们可以通过想象一个时钟,从正午开始,顺时针移动来形象化顺序.但我总是忘记这一点.我需要回忆一下上、右、下、左的顺序.

因此,T B L RT R B L.

像这样的[R-名词][B-动词][L-名词]也许是可行的,但我觉得自己缺乏灵感.如果有人在这方面遇到了有用的助记符,我很想听听.就像一个好的表情包一样,我相信一旦我的大脑里有了什么东西,我就不太可能忘记它.

NOTE:这个问题提供了错误的信息-顺序(如一些 comments 和答案中所述)是Top Right Bottom Left.(嘿,明白我的意思了吗?--dland)

推荐答案

如果你做得不对,就会有麻烦

Css相关问答推荐

如何使用在另一个层定义块中定义的sass层作用域变量

关闭Superset中的Deck.gl工具提示

如何在点击时停止动画并将其返回到第一帧?

为什么CSS flex似乎应用了两次内部元素的填充?

你能混合固定/相对定位吗?

仅 Select 嵌套 div 的底部,而不知道它们的嵌套程度

为什么 :focus 会覆盖 :focus-visible ?

解释 "document.styleSheets[0].cssRules[0].style;"

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

使用 place-content: center 的全宽 CSS 网格项目

当您到达页面底部时,如何使页脚 div 将附加的 div 向上推

Adobe Illustrator 删除我在 svg 图像上的类名.我怎样才能防止这种情况?

在 CSS 中相对于另一个元素定位一个元素

如何倾斜元素但保持文本正常(未倾斜)

定位背景图片,添加内边距

悬停效果:展开底部边框

使用边距:0 自动;在 Internet Explorer 8 中

跨浏览器方法使子 div 适合其父级的宽度

如何实现最大字体大小?

如何创建一个带点的
标签?