सीएसएस को याद करते हुए बाएं, ऊपर, दाएं, नीचे


19

सीएसएस का उपयोग करते समय आपको याद रखने के लिए क्या छोटी चालें (शायद एक कहावत है?) सीमा, मार्जिन और पैडिंग जैसे संयुक्त सीएसएस विशेषताओं को परिभाषित करते समय बाएं, ऊपर, दाएं, नीचे का क्रम।

मैं हमेशा के लिए भूल रहा हूँ और Google W3Schools जैसी बकवास से आबाद लगता है।


6
W3schools.com "बकवास" कैसे है? W3C CSS 3 विनिर्देश दस्तावेज़ की तुलना में उनके CSS3 के संदर्भ को पढ़ना आंखों के लिए आसान है ...
danlefree

8
@danlefree देखें W3Fools शिकायतों की एक लंबी सूची के लिए। (हालांकि मैं इस विशेष प्रश्न के संबंध में कहीं भी उनके गलत होने के बारे में नहीं जानता।)
सु

Danlefee, Su की प्रतिक्रिया देखें। w3schools HTML / CSS / JS पर सीखने और संसाधनों को बढ़ावा देने के लिए एक साटन है। पृष्ठ 1 Google से हटाए गए बकवास को प्राप्त करने के लिए एक आंदोलन जारी है।
फ्रेटमैन

2
मुझे आश्चर्य है कि किसी ने उत्तर, पूर्व, दक्षिण, पश्चिम का उल्लेख क्यों नहीं किया। यह दक्षिणावर्त के बराबर है, लेकिन हे :)।
केविन

जवाबों:


24

वे सभी दक्षिणावर्त चलते हैं , ऊपर से शुरू करते हैं।


4
पृष्ठभूमि की स्थिति को छोड़कर (जो इस मामले में थोड़ा प्रासंगिक लगता है), पहले बाएं ऑफसेट के लिए चुनते हैं, फिर शीर्ष ऑफसेट दूसरे।
मार्सेल

@ मार्सेल, बहुत सच है, जो बताता है कि मुझे हमेशा पहली बार गलत क्यों मिलता है।
जॉन कोंडे

बैकग्राउंड पोजिशनिंग x-yकोऑर्डिनेट के लिए ऑर्डर किया जाता है जो संख्यात्मक मानों का उपयोग करने के बजाय अधिक उचित होता है left top
zzzzBov


8

मुझे एक घड़ी का चेहरा देखकर यह याद है: 12 बजे (शीर्ष) से ​​शुरू होकर, फिर 3 बजे (दाएं), फिर 6 बजे (नीचे) और अंत में 9 बजे (बाएं)।


5

सीधी घुमावदार सादृश्यता के अलावा, मैं एक और महामारी की पेशकश करता हूं: ऊपर, दाएं, नीचे, वामपंथियों को शुरुआती टीआरबीएल देता है , यदि आपको पसंद है तो भयानक - परेशानी का उच्चारण किया जाता है । (हे, यहां तक ​​कि तिहरा मुझे एक बैरिटोन के रूप में परेशानी देता है।) यह ध्वनि वेब डिज़ाइन के चार सिद्धांतों CRAP (कंट्रास्ट, दोहराव, संरेखण, निकटता) के साथ अच्छी तरह से फिट बैठता है।


1
बकवास। शाबाश, सर
रे मिशेल

2

अभ्यास

मुझे याद नहीं है कि इस छोटे से टिडबेट के लिए किसी भी विशेष विधि का उपयोग करके । मुझे पता है कि मैंने सीखा कि वे ऊपर से दक्षिणावर्त क्रम में सेट किए गए थे, लेकिन फिर मैं बहुत सीएसएस लिखने के लिए आगे बढ़ा।

जब आप किसी कार्य को बार-बार करते हैं तो दक्षता के लिए विवरणों को याद रखने की प्रवृत्ति होती है, इसलिए इस बिंदु पर:

  1. सब
  2. ऊपर और नीचे दाएं और बाएं
  3. ऊपर दाएँ और बाएँ नीचे
  4. ऊपर दाईं ओर नीचे

दूसरी प्रकृति है। बिलकुल इसके जैसा:

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

तथा

background: <color> <image> <repeat> <attachment> <position>;
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.