จดจำ CSS ซ้าย, บน, ขวา, ล่าง

19

เมื่อใช้ CSS คุณได้ทำเทคนิคอะไรเล็กน้อยเพื่อจดจำ (อาจจะเป็นคำพูด) ลำดับของด้านซ้ายด้านบนด้านขวาด้านล่างเมื่อกำหนดแอตทริบิวต์ CSS แบบรวมเช่นเส้นขอบระยะขอบและช่องว่างภายใน

ฉันลืมไปตลอดกาลและ Google ดูเหมือนจะมีอึเหมือน W3Schools

css

— MâttFrëëman
แหล่งที่มา

6

w3schools.com เป็นอย่างไร "อึ" เป็นเรื่องง่ายที่จะอ่านการอ้างอิง CSS3ของพวกเขาได้ง่ายกว่าเอกสารข้อมูลจำเพาะ W3C CSS 3 ...

— danlefree

8

@danlefree ดูW3Foolsเพื่อดูรายการร้องเรียนจำนวนมาก (แม้ว่าฉันไม่ทราบว่าพวกเขาผิดทุกที่เกี่ยวกับคำถามนี้.)

— Su '20

Danlefee ดูคำตอบของ Su w3schools เป็นซาตานในการส่งเสริมการเรียนรู้และทรัพยากรใน HTML / CSS / JS มีการเคลื่อนไหวอย่างต่อเนื่องเพื่อให้อึตกจากหน้า 1 google

— MâttFrëëman

2

ฉันสงสัยว่าทำไมไม่มีใครพูดถึงเหนือ, ตะวันออก, ใต้, ตะวันตก มันเทียบเท่ากับทวนเข็มนาฬิกา แต่เฮ้ :)

— เควิน

24

พวกเขาทั้งหมดไปตามเข็มนาฬิกาเริ่มต้นจากด้านบน

— John Conde
แหล่งที่มา

4

ยกเว้นการวางตำแหน่งพื้นหลัง (ซึ่งดูเหมือนว่าจะมีความเกี่ยวข้องเล็กน้อยในกรณีนี้) การเลือกออฟเซ็ตซ้ายก่อนจากนั้นจึงชดเชยวินาทีสูงสุด

— Marcel

@ Marcel จริงมากซึ่งอธิบายว่าทำไมฉันมักจะผิดพลาดครั้งแรก

— John Conde

การวางตำแหน่งพื้นหลังเป็นคำสั่งสำหรับพิกัดซึ่งเป็นที่เหมาะสมมากขึ้นเมื่อคุณกำลังใช้ค่าตัวเลขมากกว่าx-y left top

— zzzzBov

20

CSS เป็นปัญหา TRBL ด้านบนขวาล่างซ้าย

— เรย์มิทเชล
แหล่งที่มา

Bah พ่ายแพ้ต่อการชก กีฬา +1

— Jon Purdy

8

ฉันจำได้โดยการแสดงภาพหน้าปัด: เริ่มต้นที่ 12 นาฬิกา (บนสุด) จากนั้นเลื่อนไปที่ 3 นาฬิกา (ขวา) จากนั้น 6 นาฬิกา (ล่าง) และสุดท้าย 9 โมง (ซ้าย)

— กรงขัง
แหล่งที่มา

5

นอกจากนี้ยังมีความคล้ายคลึงกันตรงไปตรงมาม้วนผมจะนำเสนออีกหนึ่งความจำ: สูงสุด, ขวา, ล่าง, ซ้ายให้ย่อTRBLเด่นชัดน่ากลัว -or ปัญหาหากคุณต้องการ (เฮ้แม้เสียงแหลมทำให้ฉันมีปัญหาในฐานะบาริโทน) มันเข้ากันได้ดีกับ CRAP (Contrast, Repetition, Alignment, Proximity) ซึ่งเป็นหลักการออกแบบเสียงเว็บทั้งสี่

— จอนจัง
แหล่งที่มา

1

อึ. ทำได้ดีมากครับ

— เรย์มิทเชล

2

การปฏิบัติ

ฉันจำไม่ได้ว่าเคยใช้วิธีการท่องจำพิเศษใด ๆสำหรับชิ้นอาหารอันโอชะน้อยนี้ ฉันรู้ว่าฉันได้เรียนรู้ว่าพวกเขาถูกตั้งค่าตามเข็มนาฬิกาจากด้านบน แต่จากนั้นฉันก็เขียน CSS เป็นจำนวนมาก

เมื่อคุณทำงานซ้ำ ๆ มีแนวโน้มที่จะจดจำรายละเอียดเพื่อประสิทธิภาพดังนั้น ณ จุดนี้:

ทั้งหมด
ด้านบนและล่างขวา & ซ้าย
ด้านขวาบนและล่างซ้าย
ด้านบนขวาล่างซ้าย

เป็นธรรมชาติที่สอง เหมือนกับ:

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

และ

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

— zzzzBov
แหล่งที่มา