Запам'ятовування CSS зліва, вгорі, вправо, внизу

19

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

Я назавжди забуваю, і Google, здається, заповнений такими лайнами, як W3Schools.

css

— Mâtt Frëëman
джерело

6

Як w3schools.com "лайно"? На очах простіше читати їх довідник CSS3, ніж специфікація документа W3C CSS 3 ...

— danlefree

8

@danlefree Дивіться W3Fools, щоб отримати довгий список скарг. (Хоча я не знаю, що вони десь помиляються щодо цього конкретного питання.)

— Су

Денлфі, див. Відповідь Су. w3schools - сатана про сприяння навчанню та ресурсам на HTML / CSS / JS. Триває рух, щоб скасувати скасування з google сторінки 1.

— Mâtt Frëëman

2

Цікаво, чому ніхто не згадував Північ, Схід, Південь, Захід. Це рівносильно годинниковій стрілці, але ей :).

— Кевін

24

Всі вони йдуть за годинниковою стрілкою , починаючи зверху.

— Джон Конде
джерело

4

За винятком фонового позиціонування (що здається мало актуальним у цьому випадку), вибираючи спочатку ліве зміщення, а потім верхнє зміщення друге.

— Марсель

@Marcel, дуже правда, яка пояснює, чому я завжди помиляюсь про те, що вперше не так.

— Джон Конде

фонове позиціонування впорядковане для x-yкоординат, що більш розумно, коли ви використовуєте числові значення, а не left top.

— zzzzBov

20

CSS - це неприємності. TRBL Вгорі-Право-Внизу-Вліво

— Рей Мітчелл
джерело

Ба, побили на удар. Спортивний +1.

— Джон Перді

8

Я пам’ятаю це, візуалізуючи обличчя годинника: починаючи з 12 години (вгорі), потім рухаючись до 3 години (праворуч), потім 6 годин (знизу) і нарешті 9 години (зліва).

— Нік
джерело

5

На додаток до прямої звивистої аналогії, я пропоную ще одну мнемонічну: « Вгору», «Вправо», «Внизу», «Ліворуч» надається ініціалізм TRBL , який виражається жахливо - або неприємність, якщо вам подобається. (Гей, навіть високий тембр створює мені неприємності як баритон.) Він добре поєднується з CRAP (Контрастність, Повторення, Вирівнювання, Близькість), чотирма принципами надійного веб-дизайну.

— Джон Перді
джерело

1

CRAP. Молодці, сер

— Рей Мітчелл

2

практика

Я не пригадую, щоб ніколи використовував якийсь спеціальний метод запам'ятовування для цього маленького ласощі. Я знаю, я дізнався, що вони встановлені вгорі за годинниковою стрілкою, але потім я продовжував писати багато CSS.

Коли ви виконуєте завдання неодноразово, є тенденція запам'ятовувати деталі для ефективності, тож у цей момент:

всі
верхній і нижній правий і лівий
праворуч угорі та зліва знизу
праворуч вгорі ліворуч

є другою природою. Так як:

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

і

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

— zzzzBov
джерело