Một cách ghi nhớ cho thứ tự của các thuộc tính lề CSS và padding viết tắt


85

Tôi không bao giờ có thể nhớ thứ tự của thuộc tính tốc ký để đặt lề hoặc đệm trong một khai báo. Đó là:

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

có thể được viết là

margin: 2px 8px 4px 3px;

Vâng, tôi hiểu rằng người ta có thể hình dung thứ tự bằng cách nghĩ đến một chiếc đồng hồ, bắt đầu từ giữa trưa và di chuyển theo chiều kim đồng hồ. Nhưng tôi cứ quên mất điều đó. Tôi cần nhớ lại thứ tự trên, phải, dưới, trái theo văn bản.

Do đó, TBLR TRB L.

Một cái gì đó như Đây [Danh từ R] [Động từ B] [Danh từ L] có lẽ là cách để đi nhưng tôi cảm thấy bản thân thiếu cảm hứng. Nếu ai đó đã bắt gặp một cách ghi nhớ hữu ích cho điều này, tôi rất muốn nghe nó. Giống như một meme tốt, tôi chắc chắn rằng một khi tôi nhận được một cái gì đó ghi lại trong não của mình, tôi sẽ khó có thể quên nó.

LƯU Ý : Câu hỏi này cung cấp thông tin không chính xác - thứ tự (như đã lưu ý trong một số nhận xét và câu trả lời) là Trên cùng Bên phải Dưới cùng Bên trái . (heh, hiểu ý tôi chứ? - dland)


21
nó là TRBL, bạn thực sự làm gặp khó khăn khi ghi nhớ nó
Mặc dù có

10
Điều này là quá mức cần thiết đối với bất kỳ ai quen thuộc với đồng hồ kim. Những nội dung trừu tượng như từ và từ viết tắt là không tự nhiên đối với tâm trí con người, việc ghi nhớ TRBL và sau đó chuyển đổi thủ công từng chữ cái sang một hướng vật lý đang làm cho cuộc sống trở nên phức tạp hơn so với IMO. Tốt hơn nhiều là nhớ thứ tự một cách trực quan, dù gì thì bạn cũng đang làm việc trong một phương tiện trực quan trong bối cảnh này: D.
mahemoff

2
Cũng nên nhớ điều gì sẽ xảy ra nếu chỉ đưa ra hai hoặc ba giá trị. Ví dụ "margin: 3em 5em;" và "margin: 3em 5em 6em;". Trong cái đầu tiên, 3em được sử dụng cho mặt trên và mặt dưới, và 5em cho cạnh trái và phải. Trong cái thứ hai, 3 cho trên cùng, 5 cho trái và phải, và 6 cho dưới cùng. Tôi cho rằng thật dễ dàng để nhớ điều gì xảy ra nếu chỉ đưa ra một giá trị.
Harry Pehkonen

2
Tôi thích các câu trả lời, nhưng đây phải là câu hỏi nực cười nhất chỉ vì cách bạn tiếp cận nó. Bạn hoàn toàn đánh mất tôi với các danh từ và động từ. Đó là một chiếc hộp, đặt một chiếc đồng hồ vào đó và hoàn thành việc đó.
Eric Bishard

Câu trả lời:



76

Trên thực tế, điều đồng hồ hoạt động hoàn hảo. Đó là cách trực quan nhất để ghi nhớ nó, ít nhất là đối với tôi.


1
Và nó cũng hoạt động theo hình ảnh ... hầu hết thời gian, bạn sẽ suy nghĩ theo dòng hình ảnh.
Armstrongest

25

Logic Đường viền Hình chữ nhật Tricky?


1
Tôi chưa nghe nói rằng một trước đó, nhưng tôi thích nó :)
Adam Rezich

21

Tại sao không chỉ cần nhớ rằng thứ tự đi theo chiều kim đồng hồ bắt đầu từ ĐẦU:

TRÊN -> PHẢI -> ĐÁY -> TRÁI



12

Chỉ cần suy nghĩ theo chiều kim đồng hồ, đó là cách dễ nhất. Bắt đầu từ trên cùng và đi vòng quanh ... dễ nhớ hơn nhiều so với một số cụm từ ngớ ngẩn (miễn là bạn biết cách đọc đồng hồ ...)







2

TRouBLe là tốt nhất cho tôi. Và nếu chỉ có 3 giá trị được hiển thị, đó là Top, Sides, Bottom - đối với người dùng Vương quốc Anh đánh vần TSB (ngân hàng mà chính phủ đã phải cứu trợ bằng tiền của chúng tôi) - vì vậy TRouBLe và TSB được liên kết chặt chẽ!


2

TROUBLE luôn là một lời nhắc nhở thứ yếu đối với tôi, vì lần đầu tiên tôi nghĩ đến chiều kim đồng hồ nhưng có thể cần nhớ nơi bạn bắt đầu; tuy nhiên, tốc độ viết tắt 3 giá trị luôn khiến tôi bối rối cho đến khi tôi nhận ra giá trị ở giữa, (hoặc thứ hai) cần phải đại diện cho hai giá trị (hai bên). Vì vậy, ba giá trị - giá trị thứ 2 là 2 giá trị - giúp tôi ghi nhớ điều đó.


2

Thủ thuật đồng hồ hoạt động đối với phím tắt 4 số, nhưng có bất kỳ logic nào đối với phím tắt 3 và 2 số không? 1 số và nó áp dụng cho mọi thứ, và điều đó có ý nghĩa, nhưng

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

Nó chỉ có vẻ không hợp lý chút nào. Nhưng ... Giá trị thứ nhất liên quan đến Trên cùng, Thứ hai liên quan đến Bên phải, Thứ ba là dưới cùng và Thứ tư là bên trái; Một số không được chỉ định nếu nó giống với số đối của nó. Ngang và dọc PHẢI được khai báo trừ khi tất cả các giá trị đều giống nhau.

Nói cách khác, bạn luôn chỉ định các giá trị Trên cùng và Bên phải, dưới cùng và bên trái rơi vào theo yêu cầu.


1

Hãy nghĩ rằng bạn đang đọc tiếng Arabii hoặc tiếng Do Thái: đọc từ đầu trang, từ phải sang trái đến cuối trang. ; P Điều tốt về "quy tắc" này là nó cũng hoạt động cho phiên bản 3 giá trị: top right-and-left bottom

Thực ra, tôi cũng nghĩ nó khó nhớ, nhưng ngay sau khi tôi phát hiện ra đó là hướng của đồng hồ thì mọi chuyện đã trở nên dễ dàng hơn.


1

Nó là

top
right 
bottom 
left

không phải những gì bạn có

T hink R ight B efore bạn L eap


Có thêm một chữ "bạn".
ziyuang

1

Luôn luôn là thị trấn TRumBuLl Connecticut




0

Nếu bạn đủ lớn để nhớ bộ phim truyền hình Star Trek gốc (bạn biết đấy, với Capt Kirk), thì trước hết, bạn đã quá già rồi. Nhưng có tập " The Trouble with Tribbles ". Cả hai danh từ trong tiêu đề đều hoạt động. Tôi đã sử dụng nó trong quá khứ, nhưng cũng thích sự tương tự đồng hồ hơn.


0

Bất cứ khi nào bạn tấn công với một tình huống nhất định, chỉ cần nghĩ đến một vòng quay khôn ngoan của đồng hồ, tức là cách đồng hồ quay từ 0 đến 60 trong một vòng quay.

Điều đồng hồ dễ nhớ hơn từ TRouBLe (như câu trả lời đã đánh dấu) theo ý kiến ​​của tôi vì từ troublenày thuộc về ngôn ngữ tiếng Anh và tất cả những người có nguồn gốc từ tiếng Anh có thể thấy từ TRouBLe dễ nhớ hơn khi phù hợp với tình huống nhất định nhưng không những người khác chỉ sử dụng tiếng Anh khi họ thực sự phải làm.

Điều tương tự cũng không đúng với vòng quay của đồng hồ thông minh, khi nói đến việc ghi nhớ điều gì đó (như đã đặt câu hỏi cho nó) vì vòng quay của đồng hồ thông minh là một hiện tượng rất nổi tiếng trên thế giới.


0

Một số từ viết tắt (có thể coi là từ nghe quen thuộc):

  1. TR OU BL E ( TR OU BL ESHOOT , TR OU BL ESOME )
  2. T E R RI BL E
  3. TR IB BL E
  4. T he R oyal B ritish L egion
  5. T obacco R oad B asketball L eague
  6. T emporary R evenue B orrowing L imit
  7. T ransformational R ule- B ased L thu nhập
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.