Ghi nhớ CSS trái, trên, phải, dưới


19

Khi sử dụng CSS, bạn đã thực hiện những thủ thuật nhỏ nào để ghi nhớ (có lẽ là một câu nói?) Thứ tự trái, trên, phải, dưới khi xác định các thuộc tính CSS kết hợp như viền, lề và đệm.

Tôi mãi mãi quên và Google dường như đông đảo với những thứ nhảm nhí như W3Schools.


6
Làm thế nào là w3schools.com "tào lao"? Mắt dễ đọc Tài liệu tham khảo CSS3 của họ hơn tài liệu Đặc tả CSS 3 của W3C ...
danlefree

8
@danlefree Xem W3Fools để biết danh sách khiếu nại dài. (Mặc dù tôi không biết họ đã sai ở bất cứ đâu liên quan đến câu hỏi cụ thể này.)
Su '20

Danlefee, xem phản ứng của Su. w3schools là một satan về việc thúc đẩy học tập và tài nguyên trên HTML / CSS / JS. Một phong trào đang diễn ra để có được những thứ tào lao từ trang 1 google.
Mâtt Frëëman

2
Tôi tự hỏi tại sao không ai nhắc đến Bắc, Đông, Nam, Tây. Nó tương đương với chiều kim đồng hồ, nhưng hey :).
Kevin

Câu trả lời:


24

Tất cả đều đi theo chiều kim đồng hồ , bắt đầu từ đầu.


4
Ngoại trừ định vị nền (có vẻ hơi liên quan trong trường hợp này), hãy chọn bù đầu tiên bên trái, sau đó bù trên cùng thứ hai.
Marcel

@Marcel, rất đúng, điều này giải thích tại sao tôi luôn hiểu sai lần đầu tiên.
John Conde

định vị nền được sắp xếp theo x-ytọa độ hợp lý hơn khi bạn sử dụng các giá trị số, thay vì left top.
zzzzBov

20

CSS là rắc rối. TRBL trên cùng bên phải-dưới-bên trái


Bah, bị đánh đến đấm. Một môn thể thao +1.
Jon Purdy

8

Tôi nhớ nó bằng cách hình dung một mặt đồng hồ: bắt đầu từ 12 giờ (trên cùng), sau đó di chuyển đến 3 giờ (phải), sau đó 6 giờ (dưới cùng) và cuối cùng là 9 giờ (trái).


5

Ngoài các cuộn đơn giản tương tự, tôi cung cấp khác ghi nhớ: Top, Right, Bottom, Left cung cấp cho các initialism TRBL , rõ ràng khủng khiếp -Hoặc rắc rối nếu bạn thích. (Hey, thậm chí treble mang đến cho tôi rắc rối như một baritone.) Nó rất phù hợp với CRAP (Tương phản, lặp lại, liên kết, gần gũi), bốn nguyên tắc thiết kế Web âm thanh.


1
CRAP. Làm tốt lắm, thưa ngài
Ray Mitchell

2

thực hành

Tôi không nhớ bao giờ sử dụng bất kỳ đặc biệt phương pháp của ghi nhớ cho miếng ngon này rất ít. Tôi biết tôi đã học được rằng chúng được đặt theo thứ tự theo chiều kim đồng hồ từ đầu, nhưng sau đó tôi đã tiến hành viết rất nhiều CSS.

Khi bạn thực hiện một nhiệm vụ nhiều lần, có xu hướng ghi nhớ các chi tiết cho hiệu quả, vì vậy tại thời điểm này:

  1. tất cả các
  2. trên & dưới bên phải và bên trái
  3. trên cùng bên phải và bên trái dưới cùng
  4. trên cùng bên phải dưới cùng bên trái

là bản chất thứ hai. Giống như:

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

background: <color> <image> <repeat> <attachment> <position>;
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.