हमारे पास यह देखने का एक तरीका है कि हम कैसे अपने BuySellAds क्षेत्र को देखना चाहते हैं, तो चलिए इसे वास्तविक रूप में बनाते हैं। BuySellAds वेबसाइट उन विज्ञापनों को दिखाने के लिए हमारी साइट पर कोड डालने की आवश्यकता प्रदान करती है। हम उस ओवर को कॉपी और पेस्ट करते हैं।
हम सीएसएस को बंद करने का प्रयास करते हैं जो बीएसए उन्हें स्टाइल करने के लिए साइट पर इंजेक्ट करता है (क्योंकि हम खुद को संभाल लेंगे) लेकिन दुर्भाग्य से अगर हम बंद कर देते हैं तो यह लाइव साइट को भी प्रभावित करता है, इसलिए हमें इंजेक्शन के खिलाफ लड़ना होगा अभी के लिए सीएसएस।
हम बाकी समय पोजिशनिंग और विज्ञापनों को स्टाइल करने के लिए खर्च करते हैं ताकि हम चाहते हैं कि हम कैसे दिखें। यह बहुत आसान है क्योंकि हमारे पास पहले से ही बहुत कुछ है, जैसे फ़ॉन्ट स्टैक और रंगों के लिए मिश्रण और व्हाट्सएप।
हम एक ऐसी चीज में भाग लेते हैं, जिसे हम इस श्रृंखला में कई बार चलाते हैं, जहां यह @extend
उस वर्ग के लिए अच्छा होगा जो केवल किसी अन्य फ़ाइल में मौजूद है, जो दुर्भाग्य से आप करने में सक्षम नहीं हैं। इस उदाहरण में, हम एक बीएसए इंजेक्ट किए गए डिव को स्टाइल की तरह बनाने की कोशिश कर रहे हैं .module
, जो विस्तार के लिए एक क्लासिक मामला है, लेकिन अफसोस, हमें कुछ शैलियों को कॉपी और पेस्ट करना होगा।
हम फ्लेक्सबॉक्स के बारे में विचार करते हैं, यहाँ हमारी मदद करते हैं, लेकिन यह तय करते हैं कि यह बहुत जल्दी हो। यह लेआउट को आसान बनाने के साथ-साथ हमें समान ऊंचाइयां प्रदान करेगा। ओह ठीक है, हम इसे भविष्य की इच्छा सूची में डाल देंगे।