Мнемоника для порядка 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)


21
это TRBL, вы на самом деле делать не помните его
Inspite

10
Это перебор для любого, кто знаком с аналоговыми часами. Абстракции, такие как слова и акронимы, неестественны для человеческого разума, запоминание TRBL, а затем ручное преобразование каждой буквы в физическую ориентацию делает жизнь более сложной, чем это должно быть IMO. Намного лучше запомнить порядок визуально, ведь в этом контексте вы все-таки работаете в визуальной среде: D.
mahemoff

2
Также следует помнить, что происходит, если даны только два или три значения. Например, «маржа: 3em 5em;» и «маржа: 3em 5em 6em;». В первом случае 3em используется для верхней и нижней части, а 5 - для левой и правой сторон. Во втором - 3 сверху, 5 слева и справа и 6 снизу. Я полагаю, что легко запомнить, что происходит, если задано только одно значение.
Гарри Пехконен

2
Мне нравятся ответы, но это, наверное, самый нелепый вопрос только из-за вашего подхода к нему. Вы полностью потеряли меня с существительными и глаголами. Это коробка, поместите в нее часы и покончите с этим.
Эрик Бишард

Ответы:



76

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


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


21

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

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



12

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







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)

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

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


1

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

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



1

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




0

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


0

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

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

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


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 л доход
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.