कैसे आप सभी प्रोग्रामर + डिजाइनर काम करता है?
सीएसएस के साथ काम करते समय, मुझे लगता है कि मानक मानकों के लिए साइट को पहले डिजाइन करना और बनाना सर्वोत्तम है (मेरी वरीयता फ़ायरफ़ॉक्स है)।फिर, जब आप इसे सही दिख रहे हों, तो इसे इंटरनेट एक्सप्लोरर और अन्य ब्राउज़रों के लिए जांचें।
किसी भी जटिलता के डिजाइन के लिए, दुर्भाग्यवश, कई ब्राउज़रों के साथ एक समय तय करने के लिए समय लगेगा जब तक यह लगातार न हो।
और, सीएसएस कैसे मास्टर करें?
वहाँ कई improtant चीजों अपने सिर रैप करने के लिए है कि चारों ओर अपने सीएसएस जीवन को आसान बना देंगी: पहले मैं सीखना होगा Box model है। यही कारण है कि जो यह थोड़ा सरल करता है, साथ ही विषय है, जो काफी लंबा है पर सरकारी W3C लेख है, तो मैं नीचे कोई चित्र शामिल करेंगे:
यह नोट करना ब्राउज़रों अलग ढंग से इस गणना कि महत्वपूर्ण है।
एक बार जब आप जानते हैं कि चीजों को आकार देने के कारण क्या हो रहा है, तो लेआउट को टेबल के समान शैली में हासिल करना आसान होना चाहिए।
दूसरा जिसने मुझे अपने सिर को लपेटने में मदद की थी विशिष्टताThis article ने मुझे यह काम करने में बहुत मदद की। आवश्यक सारांश यह है कि प्रत्येक प्रकार के चयनकर्ता (तत्व, कक्षा, आईडी) के वजन को जिम्मेदार ठहराया जाता है और यदि किसी तत्व के वजन के साथ एक सीएसएस मान होता है, तो इसे ओवरराइट नहीं किया जाएगा।
#ID 0,1,0,0
.class 0,0,1,0
पी 0,0,0,1
1,0,0,0
तो इससे कोई फर्क नहीं पड़ता कि आपकी सीएसएस फाइलें क्या कहती हैं, इनलाइन शैली को प्राथमिकता मिलती है। उदाहरण:
a {color: red;} (0,0,0,1)
.class1 a {color: blue;} Overwrites red (0,0,1,1)
#id1 a {color: green;} Overwrites blue (0,1,0,1)
#id1 .class1 a {color: yellow;} Overwrites green (0,1,1,1)
#id2 a {color: red;} Overwrites green, NOT yellow (0,1,0,1)
#id1 #id2 a {color: black;} Overwrites yellow and red (0,2,0,1)
मैं अभी भी लेख पढ़ता हूं। दो बार।
सीखने की तीसरी बात यह है कि पिछले ब्राउज़र (आईई 6 जैसे) और उन बगों का समर्थन कैसे करें जिनके साथ वे आपको पीड़ित करेंगे। मैं इस साइट का प्रशंसक हूं: http://www.positioniseverything.net/ वे स्पष्टता और समाधान के साथ कवर करते हैं, सीएसएस के साथ क्रॉस-ब्राउज़र समर्थन लागू करते समय आपको कई ब्राउज़र बग मिलेंगे।
कीड़े आप IE6 के साथ मुठभेड़ की संभावना होगी से कुछ हैं:
मास्टरिंग सीएसएस IE6 से आप को बचाने के लिए पर्याप्त नहीं होगा:
इसके बाद आप एक सीएसएस रीसेट और आधार की आवश्यकता होगी। – TNi
सीएसएस सीखना पूरी तरह से, और कुछ आईई quirks, वास्तव में आईई 6 के साथ मेरी मदद की। इन दिनों बहुत कुछ मैं बहुत कम संशोधन के साथ Ie6/7 में ठीक से समाप्त होता है। – JAL
यहां एक लिंक है जो शायद आपकी मदद करेगा: http://www.quirksmode.org/ – Alerty