विषय

• दिशाओं
• शीर्षक {
• युक्तियाँ
• चेतावनी

एचटीएमएल तत्व पर लागू सीएसएस घोषणाओं ("कैस्केडिंग स्टाइल शीट") में बदलाव करना एक जटिल कार्य की तरह लग सकता है। हालांकि, जब तक व्यवस्थित रूप से संपर्क किया जाता है, तब तक जटिलताओं के बिना आवश्यक परिवर्तन करना संभव है। एक एकल वेब पेज कई स्रोतों से शैली गुणों का उपयोग कर सकता है। इस तरह, आपका प्रारंभिक कार्य यह पता लगाना होगा कि आपके "div" के लिए घोषणाएँ कहाँ से आ रही हैं। एक बार स्थित होने पर, आप उन्हें HTML या CSS कोड को बदलकर तत्व पर प्रभाव पड़ने से रोक सकते हैं।

दिशाओं

साइटें लुक और स्टाइल निर्धारित करने के लिए HTML और CSS दोनों का उपयोग करती हैं (Comstock / Comstock / गेटी इमेज)

1. पता करें कि वेब पेज का सीएसएस कहां संग्रहीत है। सीएसएस कोड इनलाइन दिखाई दे सकता है, जिसका अर्थ है कि शैली घोषणाएं एक तत्व को चिह्नित करने के भाग के रूप में सूचीबद्ध हैं, जो निम्न उदाहरण के सिंटैक्स में है: सामग्री

   यदि यह कोड आपके "div" के भीतर दिखाई देता है, तो आप इसके मूल्य के साथ संपूर्ण "शैली" विशेषता को हटा सकते हैं। सीएसएस कोड पृष्ठ के "सिर" अनुभाग के अंदर दिखाई दे सकता है: शरीर {पृष्ठभूमि-रंग: # 000000;}

   सीएसएस कोड पेज के "सिर" अनुभाग में लिंक के साथ एक या एक से अधिक अलग सीएसएस फ़ाइलों में भी दिखाई दे सकता है:

2. यदि आपके पृष्ठ में "सिर" अनुभाग में या अलग-अलग फ़ाइलों में CSS कोड है, तो आपको अपने "div" तत्व के लिए शैली बदलने के लिए सभी CSS कोड के माध्यम से खोजना होगा।

   
   

3. "Div" तत्वों की चर्चा करते हुए CSS कोड की जाँच करें। सीएसएस को एक तत्व प्रकार पर लागू किया जा सकता है, जैसे कि निम्नलिखित: div {पैडिंग: 5 पीएक्स; }

   यदि सीएसएस आपके पेज के "हेड" या अलग-अलग फाइलों में इस तरह से पहचाने जाने वाले "डिव" का उपयोग करता है, तो सीएसएस ब्लॉक के अंदर का कोड इसके तत्व को प्रभावित करेगा। अपने "div" पर प्रभाव को बदलने के लिए, लेकिन साइट में अन्य "div" तत्वों पर कोड लागू होने दें, आप "div" को एक अलग तत्व प्रकार में बदल सकते हैं। वैकल्पिक रूप से, आप सीएसएस कोड को केवल "div" तत्वों पर लागू करने के लिए एक विशेष वर्ग विशेषता के साथ बदल सकते हैं, इस विशेषता को उन "div" तत्वों में जोड़ सकते हैं, जिनके लिए आप चाहते हैं कि CSS लागू किया जाए।

4. अपने तत्व के वर्ग की चर्चा करते हुए CSS कोड की जाँच करें। HTML तत्वों में निम्न प्रकार के वर्ग गुण होते हैं: शीर्ष सामग्री

   यदि आपके "div" में एक वर्ग विशेषता है, तो अपने CSS कोड में विशेषता का मूल्य देखें। यह इस प्रकार है: .top {/सीएसएस घोषणा/ }

   
   

   वैकल्पिक रूप से, यह तत्व प्रकार के साथ निम्नानुसार दिखाई दे सकता है: div.top {/सीएसएस घोषणा/ }

   यदि उनमें से एक प्रकट होता है, तो आप अपने तत्व को बदलकर या हटाकर अपने तत्व को लागू करने से घोषणाओं को रोक सकते हैं। CSS कोड को हटाने से वर्ग के साथ अन्य तत्व प्रभावित हो सकते हैं, न कि केवल उस तत्व पर काम किया जा रहा है।

5. अपने तत्व आईडी के लिए सीएसएस कोड की जाँच करें। आपके तत्व में एक अद्वितीय आईडी विशेषता हो सकती है, इस प्रकार है: शीर्ष सामग्री

   यदि आपके तत्व में एक ID विशेषता है, तो इसे CSS के भीतर खोजें, निम्न सिंटैक्स की खोज करें:

   शीर्षक {

   /सीएसएस घोषणा/ }

   प्रत्येक पृष्ठ के भीतर, एक आईडी विशेषता मूल्य केवल एक बार दिखाई देना चाहिए, क्योंकि आईडी अद्वितीय होना चाहिए। आईडी विशेषता के मूल्य को बदलने से सीएसएस कोड को "div" तत्व को प्रभावित करने से रोकना चाहिए। आप अभी भी वैकल्पिक रूप से CSS कोड को बदल सकते हैं या हटा सकते हैं, लेकिन यदि वे उसी CSS कोड का उपयोग करते हैं तो यह आपकी साइट के अन्य पृष्ठों पर उसी आईडी के साथ तत्वों को प्रभावित कर सकता है।

6. CSS कोड देखें जो आपके "div" के माता-पिता या बच्चे के तत्वों को प्रभावित करते हैं। मूल तत्वों के लिए CSS कोड में आपके "div" पर प्रतिक्रिया होगी, इसलिए आपको इस कोड में बदलाव करने की आवश्यकता हो सकती है, हालांकि वे आपकी साइट के बाकी हिस्सों को प्रभावित कर सकते हैं। आपके "div" के तत्वों में CSS कोड भी हो सकता है। एक ही समय में प्रत्येक बच्चे के तत्वों के साथ काम करते हुए "div" के लिए उपयोग की जाने वाली एक ही विधि का उपयोग करके जांचें।

युक्तियाँ

• HTML और CSS कोड बदलते समय ब्राउज़र उपकरण, जैसे कि फायरबग, उपयोगी हो सकते हैं।

चेतावनी

• किसी मौजूदा साइट में परिवर्तन के अप्रत्याशित परिणाम हो सकते हैं। इस कारण से, उन सभी फ़ाइलों की प्रतियों को सहेजने की अनुशंसा की जाती है जिन्हें आप बदलने की योजना बनाते हैं।