अंदर गद्दी मैं बहुत बार सीएसएस संपादित नहीं करते हैं, और लगभग हर बार जब मैं चाहे paddingborder और margin बाहर अंदर है की जाँच करने के लिए जाना और CSS box model गूगल की जरूरत है , या ठीक इसके विपरीत। (बस फिर से जांचें और padding अंदर है)।कैसे सीएसएस में याद करने के लिए है कि मार्जिन सीमा के बाहर है, और
क्या किसी को यह याद रखने का एक अच्छा तरीका है? एक छोटी सी स्मृति सहायक, क्यों ऐसे नाम हैं जो इसका उल्टा कर रहे हैं के रूप में एक अच्छा स्पष्टीकरण ...
सीएसएस के साथ काम करते समय आखिरकार आपको गद्देदार सेल को पागल कर दिया जाता है जिससे वे आपको पर दीवारों के अंदर पैडिंग डाल देंगे।
पिन - पी में
प्रिंट विनिर्देश के Box Dimensions अनुभाग से चित्र है, और दीवार पर डाल दिया।
मेरे लिए, "पैडिंग" बस "मार्जिन" से अधिक आंतरिक लगता है। शायद मुद्रित पृष्ठ के बारे में सोचने में मदद मिलेगी? मार्जिन बहुत दूर के क्षेत्र हैं - आम तौर पर, आप किनारे पर भी प्रिंट नहीं कर सकते हैं - वे अनजान हैं। उन मार्जिन के भीतर, सामग्री और मार्जिन के बीच अतिरिक्त बाधा प्रदान करने के लिए सामग्री को गद्देदार किया जा सकता है?
एक बार जब आप पर्याप्त सीएसएस में काम करते हैं, तो यह याद रखने के लिए दूसरी प्रकृति बन जाएगी।
आपको देखने में मदद के लिए फ़ायरबग का उपयोग करें।
मैंने इसे समय के साथ अभी सीखा है - बॉक्स मॉडल काफी सरल है लेकिन मुख्य कारण लोगों को यह मुश्किल लगता है क्योंकि body स्पष्ट रूप से मॉडल को तोड़ नहीं देता है।
वास्तव में, यदि आप body एक मार्जिन और पृष्ठभूमि देते हैं तो आपको इसे एक सफेद पट्टी से घिरा देखना चाहिए। हालांकि यह मामला नहीं है - body की पैडिंग मार्जिन के समान है। यह बॉक्स मॉडल के बारे में कुछ गलत चीजें स्थापित करता है।
मैं आमतौर पर इस तरह इसके बारे में सोचो:
मुख्य कारण यह कठिन है क्योंकि "चौड़ाई" में सीमा और मार्जिन आकार शामिल हैं। आईएमओ यानी 5 वास्तव में यह अधिकार – kibibu
अपने आप पर एक टिप्पणी की आधार स्टाइलशीट जब भी आप एक नई साइट बनाने या एक मौजूदा साइट संपादित करने की जरूरत है जो आप एक टेम्पलेट के रूप में उपयोग कर सकें।
जब आप ज्ञान में बढ़ते हैं तो आप इसे जोड़ सकते हैं और यह देखने के लिए विभिन्न विभिन्न ब्राउज़रों पर लागू कर सकते हैं कि विभिन्न चीजें कैसे व्यवहार करती हैं।
आप अंतर्दृष्टि वाले सामान या सामान को याद रखने के लिए अन्य कठोर परिश्रम या उदाहरणों में भी शामिल हो पाएंगे।
सीमा जोड़ें, यहां तक कि केवल अस्थायी रूप से। जैसे ही आप संख्याओं के साथ खेलते हैं, आप अंतर देखेंगे।
वास्तव में, तत्वों के आसपास अस्थायी सीमाओं काम करने के लिए एक उपयोगी तरीका है, आप आदि देख सकते हैं ऐसी है कि क्यों तैरता गिर रहे,
सीमाओं का उपयोग करने के बजाय मुझे सीएसएस रूपरेखा का उपयोग करना पसंद है - एक ही अवधारणा, लेकिन इसका लेआउट पर कोई प्रभाव नहीं पड़ता है। तो यदि आपके पास एक div है जो 100% चौड़ाई है और सीमा जोड़ता है, तो यह ब्राउज़र में एक क्षैतिज स्क्रॉलबार जोड़ देगा। "रूपरेखा" का कोई प्रभाव नहीं है! – user1380540
मैं जानता हूँ कि यह आपके प्रश्न का उत्तर है, लेकिन एक टिप के और अधिक।जब भी मैं मार्जिन और पैडिंग से निपट रहा हूं, मैं उस हिस्से के चारों ओर एक सीमा जोड़ूंगा जिसके साथ आप काम कर रहे हैं, फिर वहां से, यह मुझे वह कमरा दिखाता है जिसके साथ मुझे काम करना है। जब मैं पूरी तरह से तैयार हूं, तो मैं सीमा हटा देता हूं।
आपके ऊपर तुरंत व्यक्ति ने यह सुझाव दिया है – user1380540
आप एक बॉक्स का उपयोग कर रहे हैं। यदि आप किसी बॉक्स में कुछ डाल रहे थे तो आप यह सुनिश्चित करने के लिए कुछ पैडिंग लगाएंगे कि यह पक्षों के खिलाफ नहीं है। मार्जिन तब दूसरी बात होगी।
टिम सॉंडर्स ने कुछ उत्कृष्ट सलाह दी - जब मैंने पहली बार सीएसएस के साथ शुरुआत की, तो मैंने एक अच्छी, पूरी तरह से टिप्पणी की गई स्टाइलशीट बनाने का एक बिंदु बनाया। वह स्टाइलशीट कई बार बदल गई है और एक भयानक संसाधन बनी हुई है।
हालांकि, जब मैं अपने स्वयं के बॉक्स मॉडल समस्याओं में भाग गया, तो मैंने 'मो पाई' का उपयोग शुरू किया। जैसा कि, "मैं पर्याप्त वसा नहीं हूं, मुझे मो पाई खाने की जरूरत है।" अजीब, लेकिन यह मेरे लिए काम किया। बेशक, मैंने सीएसएस सीखते समय बीस पाउंड लगाए ... ;-)
पैडिंग एक तत्व की पिनटिंग का एक पर्ट है: यह तत्व पृष्ठभूमि बढ़ाता है। एक सामान्य पृष्ठभूमि साझा करने के रूप में एक जोड़ी तत्व + पैडिंग के बारे में सोचना समझ में आता है। पैडिंग पेंटिंग के कैनवास के समान है: बड़ा पैडिंग, बड़ा कैनवास और इसलिए पृष्ठभूमि। सीमा (चित्रकला का फ्रेम) उस जोड़ी के चारों ओर जाएगा। और मार्जिन गैलरी दीवार पर चित्रों को अलग करेगा। ऑब्जेक्ट पृष्ठभूमि की अवधारणा के बारे में सोचने से जोड़ी वस्तु + गोंद एक साथ चिपक जाती है। बाहरी बनाम अंदर की चीज़ों की सामान्य व्याख्या स्मृति से चिपकती नहीं है: थोड़ी देर के बाद हर कोई मूल भ्रम पर वापस आ जाता है। यह भी याद रखें कि मार्जिन लंबवत रूप से ढहने योग्य हैं और पैडिंग नहीं है।
पैडिंग आमतौर पर अंदर उपयोग किया जाता है। या तो दीवार या डिलीवरी बॉक्स के इंटीरियर पर, यह आसान है। और यदि पैडिंग अंदर है, तो मार्जिन बाहर है। बहुत मुश्किल नहीं होना चाहिए।
मार्जिन: जब आप ब्लॉक को ले जाना चाहते हैं। पैडिंग: जब आप आइटम को ब्लॉक में ले जाना चाहते हैं।
Google से बार-बार पूछने के बजाय आप इंस्पेक्टर विंडो का उपयोग करें। उस शैली टैब में और नीचे नीचे स्क्रॉल करें आप इस तरह देख सकते हैं।
एक तकनीकी सवाल है कि मैं कभी अपने जीवन में देखा है के लिए सबसे रचनात्मक जवाब। – bruno077
क्या आपने अभी तक मुफ्त में तोड़ने में कामयाब रहे हैं? –
और दीवारों के बाहर एक गार्ड मार्चिंग (मार्जिन) होगा। – JnBrymn