Мнемоника для порядка CSS-полей и сокращенных свойств заполнения

85

Я никогда не могу вспомнить порядок сокращенного свойства для установки поля или заполнения в одном объявлении. То есть:

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

можно записать как

margin: 2px 8px 4px 3px;

Да, я понимаю, что можно представить себе порядок, представив часы, начинающиеся в полдень и движущиеся по часовой стрелке. Но я все время забываю об этом. Мне нужно текстуально вспомнить порядок сверху, справа, снизу, слева.

Следовательно, TBLR TRB L.

Что-то вроде этого [R-существительное] [B-глагол] [L-существительные], возможно, лучший вариант, но я чувствую, что мне не хватает вдохновения. Если кто-нибудь наткнулся на полезную мнемонику для этого, я бы хотел ее услышать. Как хороший мем, я уверен, что если что-то застрянет в моем мозгу, я вряд ли это забуду.

ПРИМЕЧАНИЕ . Этот вопрос дал неверную информацию - порядок (как указано в некоторых комментариях и ответах): верхний правый нижний левый . (хех, понимаете, что я имею в виду? - dland)

dland
источник
21
это TRBL, вы на самом деле делать не помните его
Inspite
10
Это перебор для любого, кто знаком с аналоговыми часами. Абстракции, такие как слова и акронимы, неестественны для человеческого разума, запоминание TRBL, а затем ручное преобразование каждой буквы в физическую ориентацию делает жизнь более сложной, чем это должно быть IMO. Намного лучше запомнить порядок визуально, ведь в этом контексте вы все-таки работаете в визуальной среде: D.
mahemoff
2
Также следует помнить, что происходит, если даны только два или три значения. Например, «маржа: 3em 5em;» и «маржа: 3em 5em 6em;». В первом случае 3em используется для верхней и нижней части, а 5 - для левой и правой сторон. Во втором - 3 сверху, 5 слева и справа и 6 снизу. Я полагаю, что легко запомнить, что происходит, если задано только одно значение.
Гарри Пехконен
2
Мне нравятся ответы, но это, наверное, самый нелепый вопрос только из-за вашего подхода к нему. Вы полностью потеряли меня с существительными и глаголами. Это коробка, поместите в нее часы и покончите с этим.
Эрик Бишард

Ответы:

175

Если вы не сделаете это правильно, будет ПРОБЛЕМА

Пол Диксон
источник
7
НЕ ТРУДНО запомнить, если удалить гласные
zzapper
5
@zzapper: Ой --- EEEks. Я ошибся и убрал согласные.
Яаков Белч
css-tricks.com/…
Райан Уильямс
76

На самом деле часы работают отлично. Это наиболее интуитивный способ запомнить это, по крайней мере, для меня.

Юваль Адам
источник
1
И это тоже работает в графическом плане ... в большинстве случаев вы все равно будете думать визуально.
Armstrongest
25

Сложная логика границы прямоугольника?

Пол Диксон
источник
1
Я не слышал об этом раньше, но он мне нравится :)
Адам Rezich
21

Почему бы просто не запомнить, что порядок идет по часовой стрелке, начиная с ТОПа:

ВЕРХ -> ВПРАВО -> ВНИЗ -> ВЛЕВО

Стив
источник
15

Еще одна попытка:

Тираннозавр Рекс: Большая ящерица

Пол Диксон
источник
12

Просто подумайте по часовой стрелке, это самый простой способ. Начинается сверху и идет по кругу ... гораздо легче запомнить, чем какую-нибудь глупую фразу (при условии, что вы умеете читать часы ...)

Логан Серман
источник
12

Действительно Большой Лебовски

Пол Диксон
источник
8

Поворот по времени, немного хромает?

Пол Диксон
источник
6

Попробуйте остатки ростбифа?

Пол Диксон
источник
3

" T оп, справа, снизу, слева"
R eally
B объявления
L imerick

несмотря
источник
2

TRouBLe для меня лучше всего. И если показаны только 3 значения, это Top, Sides, Bottom - что для пользователей из Великобритании означает TSB (банк, который правительство должно было выручить с помощью наших денег) - так что TRouBLe и TSB тесно связаны!

Тоби
источник
2

ПРОБЛЕМА всегда является для меня второстепенным напоминанием, так как я сначала думаю о направлении по часовой стрелке, но, возможно, нужно вспомнить, с чего вы начали; однако сокращение с 3 значениями всегда сбивало меня с толку, пока я не понял, что среднее (или второе) значение должно представлять два значения (стороны). Итак, три значения - второе из двух значений - помогают мне это запомнить.

Митч Пауэлл
источник
2

Уловка с часами работает для сочетания клавиш с 4 номерами, но есть ли какая-то логика для сочетаний клавиш с 3 и 2 номерами? 1, и это применимо ко всему, и это имеет смысл, но

1 = (T/R/b/l) 
2 = (T=b) (R=l)   
3 = (T) (R=l) (b)  
4 = (T) (R) (b) (l)

Это вообще не кажется логичным. Но ... Первое значение относится к верхнему, второе относится к правому, третье - к нижнему, а четвертое - к левому; Число не указывается, если оно совпадает со своим противоположным. ДОЛЖНЫ быть объявлены горизонтальный и вертикальный значения, если все значения не идентичны.

Другими словами, вы всегда указываете верхнее и правое значения, нижнее и левое попадают по мере необходимости.

TRT
источник
1

Представьте, что вы читаете арабский язык или иврит: читайте сверху вниз, справа налево и вниз. ; P Преимущество этого "правила" в том, что оно работает и для версии с 3 значениями: top right-and-left bottom

На самом деле, я все так думал, что это трудно запомнить, но как только я обнаружил, что это направление часов, все стало проще.

Стейн Г. Стриндхауг
источник
1

это

top
right 
bottom 
left

не то, что у тебя есть

Т Хинк R РАВО В Efore вам L ЕАР

оборота DD59
источник
Есть лишнее «ты».
ziyuang
1

Всегда есть город Трамбул Коннектикут


источник
1

* T * op * R * аминь, * B * ottom, * L * unch

Дэвид Хорн
источник
1

Помните урок вождения:

Поверните направо перед левым

гость
источник
0

Если вы достаточно взрослые, чтобы помнить оригинальный сериал «Звездный путь» (вы знаете, с капитаном Кирком), ну, прежде всего, вы чертовски стары. Но есть эпизод «Проблемы с трибблами ». Оба существительных в заглавии работают. Я использовал это в прошлом, но также предпочитаю аналогию с часами.

Микекерли
источник
0

Каждый раз, когда вы наносите удар в данной ситуации, просто думайте о вращении по часовой стрелке, то есть о том, как часы вращаются от 0 до 60 по кругу.

На мой взгляд, часы легче запомнить, чем слово TRouBLe (как отмеченный ответ), так как слово trouble принадлежит к английскому языку, и всем тем умам, которые носят английский язык, может быть легче запомнить слово TRouBLe в отношении данной ситуации, но не другие, которые используют английский язык только тогда, когда это действительно необходимо.

То же самое не относится к вращению часов по часовой стрелке, когда дело доходит до запоминания чего-либо (как задал вопрос), поскольку вращение по часовой стрелке - очень известное явление в мире.

R K
источник
0

Несколько сокращений (можно считать знакомым):

  1. TR OU BL E ( TR OU BL ESHOOT , TR OU BL ESOME )
  2. Т Е Р РИ БЛ Е
  3. TR IB BL E
  4. Т он R oyal B ritish L Egion
  5. T obacco R OAD Б asketball л eague
  6. Т emporary Р evenue Б orrowing л IMIT
  7. Т ransformational Р ule- Б Ased л доход
drac_o
источник