इस सीएसएस स्निपेट का उद्देश्य क्या है?

मेरे पास स्टाइलशीट में निम्न स्निपेट है। प्रभाव या उद्देश्य क्या है?इस सीएसएस स्निपेट का उद्देश्य क्या है?

* { 
    margin:0; 
    padding:0; 
    top: 0px; 
    left: 0px; 
}

स्रोत

2011-08-12 FiveTools

भविष्य के डेवलपर्स के बाहर बकवास को परेशान करने के लिए .. इसके अलावा शीर्ष और बाएं का कोई प्रभाव नहीं पड़ता है जब तक कि आइटम की स्थिति स्थिर न हो। – corymathews

यह reset CSS है। इसका उद्देश्य सभी (*) तत्वों के लिए डिफ़ॉल्ट गैर-शून्य स्पैसिंग को निकालना है। सभी ब्राउज़रों में कुछ डिफ़ॉल्ट स्टाइल शीट होती है और वे एक-दूसरे के साथ बहुत संगत नहीं होती हैं। उदाहरण के रूप में <form> लें।

नोट:0px को left और top गुण स्थापना मेरे लिए सही नहीं लगता है। यह शायद पूर्ण स्थिति के साथ समस्याओं का कारण बन जाएगा। एक तत्व को पूरी तरह से पोजिशन करते समय आप केवल इसके ऊर्ध्वाधर या क्षैतिज ऑफसेट (दोनों नहीं) को परिभाषित करना चाहते हैं, जिससे अन्य ऑफसेट अपरिवर्तित हो जाता है। वह रीसेट सीएसएस इसे अनुमति नहीं देता है क्योंकि यह लंबवत और क्षैतिज दोनों के लिए मान देता है। इसके अलावा आप नीचे से तत्व को स्थानांतरित करना चाह सकते हैं। यदि आपके पास रीसेट है तो इसमें bottom और top दोनों होंगे जो ज्यादातर मामलों में नहीं चाहते थे और तत्व की ऊंचाई को बदल सकते हैं या ऑफ़सेट में से किसी एक का सम्मान नहीं कर सकते हैं। किसी भी मामले में यह आपको कुछ इरादा नहीं देगा और अपना लेआउट तोड़ देगा।

जो लोग अधिक जानना चाहते हैं के लिए: http://www.w3.org/TR/CSS2/visuren.html#absolute-positioning

स्रोत

2011-08-12 14:45:27

का उल्लेख है कि 'बाएं और शीर्ष गुणों को रीसेट करना' Google मानचित्र नियंत्रण में पृष्ठ की समस्या का कारण बन रहा था! उन्हें हटाने से मेरी समस्या हल हो गई (यही कारण है कि मैंने इस सवाल से पूछा)। मैं इसे वोट दूंगा और उत्तर के रूप में स्वीकार करूंगा। – FiveTools

मैंने आपके अंतिम बिंदु को स्पष्ट किया है। यदि आपको यह पसंद नहीं है तो रोलबैक के लिए स्वतंत्र महसूस करें। – thirtydot

@thirtydot मैंने आपके साथ अपना संपादन विलय किया;) धन्यवाद! –

यह एक रीसेट है। इसके बाद सभी तत्वों में 0 मार्जिन, पैडिंग इत्यादि होंगे।

इस तरह के रीसेट व्यवहार को सामान्य करने के लिए उपयोगी होते हैं (कुछ ब्राउज़र पूर्व परिभाषित मार्जिन, पैडिंग आदि के साथ आते हैं) और ब्राउज़र में दृश्य स्थिरता बढ़ाने के लिए।

स्रोत

2011-08-12 14:44:21 miku

और उनकी स्थिति रीसेट हो गई है (हालांकि आपको 'स्थिति: सापेक्ष;') – knittl

@knittl के साथ कोई अंतर नहीं दिखाई देगा, क्या आपका मतलब है, स्थिति: सापेक्ष व्यवहार को ओवरराइड करेगा? मेरे पास एक Google मानचित्र नियंत्रण है जो मैं एक पृष्ठ पर लोड कर रहा हूं और इस स्निपेट का प्रभाव मानचित्र के अंदर लेआउट को तोड़ देता है। अगर मैं स्निपेट हटा देता हूं, तो यह ठीक से प्रस्तुत करता है। हालांकि अन्य पेज तत्वों को गलत तरीके से गलत किया गया है। – FiveTools

@FiveTools यह उन तत्वों के लिए स्थिति को तोड़ता है जिनके पास 'स्थिति: पूर्ण;' (मेरा उत्तर देखें)। Google मानचित्र पूर्ण स्थिति का व्यापक उपयोग करता है। –

स्निपेट के प्रयोजन के मार्जिन, गद्दी रीसेट करने और अपने वेब ब्राउज़र में व्यूपोर्ट के ऊपरी-बाएं कोने को स्थिति निर्धारित करने के लिए है।

स्रोत

2011-08-12 14:45:44 ninetwozero

यह पृष्ठ के सभी तत्वों के भीतर निहित नियम लागू करता है; कैस्केडिंग नियमों के लिए एक अनुमानित बेसलाइन बनाना।

तकनीक को "रीसेट" ("सीएसएस रीसेट" के लिए Google) कहा जाता है और विभिन्न डिफ़ॉल्ट सीएसएस नियमों का उपयोग करके विभिन्न ब्राउज़रों को हल करने का एक दृष्टिकोण है।

इन नियमों को जितनी जल्दी हो सके लागू किया जाना चाहिए, आम तौर पर पहली लोड सीएसएस शीट की शुरुआत में।

स्रोत

2011-08-12 14:46:12 STW

एस्ट्रिक सिंबल को सभी/सबकुछ के रूप में जाना जाता है, इसलिए इसका अर्थ सीएसएस सभी elemetns पर लागू किया जाएगा और मूल्यों को पैरामीटर के रूप में सेट किया जाएगा।

स्रोत

2011-08-12 14:54:07 JSJ

इस सीएसएस स्निपेट का उद्देश्य क्या है?

उत्तर

संबंधित मुद्दे