विषय

• कदम
• विधि 1 में से 2: बाहरी स्टाइल शीट कैसे सेट करें
• विधि २ का २: आंतरिक शैली पत्रक कैसे सम्मिलित करें
• टिप्स
• चेतावनी

हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) यह निर्धारित करती है कि वेब पेज पर कौन से तत्व मौजूद हैं। कैस्केडिंग स्टाइल शीट्स (सीएसएस) प्रोग्रामिंग भाषा बताती है कि इन तत्वों को कैसे दिखना चाहिए।CSS फ़ाइल को HTML में बाहरी (CSS को एक अलग फ़ाइल के रूप में जोड़ा जाता है) या आंतरिक स्टाइल शीट (CSS HTML फ़ाइल में शामिल है) के रूप में जोड़ा जा सकता है। अपनी साइट को फिर से डिज़ाइन करने के लिए HTML फ़ाइल में CSS को एम्बेड करने का तरीका जानें।

कदम

विधि 1 में से 2: बाहरी स्टाइल शीट कैसे सेट करें

1. 1 एक सीएसएस फ़ाइल बनाएँ। ".css" एक्सटेंशन वाली CSS फ़ाइल तैयार करें और सहेजें।
2. 2 अपनी साइट पर CSS फ़ाइल अपलोड करें।
3. 3 CSS फ़ाइल का पता (URL) कॉपी करें। साइट का पता कुछ इस तरह दिखेगा: www.yoursite.com/stylesheet.css.
   • प्राथमिक डोमेन नाम को URL से निकालना एक अच्छा अभ्यास है। इसके आधार पर, पता http: //myisite.com/css/default.css को छोटा करके "/css/default.css" कर दिया जाएगा। प्रमुख स्लैश ("/") शामिल करना याद रखें। इसे सापेक्ष पथ कहा जाता है।
4. 4 फ़ाइल में लिंक डालें। अपनी HTML फ़ाइल में /head> टैग ढूंढें और उसके ठीक ऊपर एक खाली लाइन बनाएं। उस लाइन में पेस्ट करें LINK rel = स्टाइलशीट टाइप = "टेक्स्ट / css" href = "www.your_site.com / stylesheet.css">, "www.your ..." को CSS फाइल में एक लिंक के साथ बदलें।
5. 5 एचटीएमएल फाइल को सेव करें और साइट पर अपलोड करें।
6. 6 सुनिश्चित करें कि साइट पर सब कुछ वैसा ही दिखता है जैसा उसे होना चाहिए। अन्यथा, HTML फ़ाइल को फिर से खोलें, त्रुटियों की तलाश करें और परिवर्तन करें।

विधि २ का २: आंतरिक शैली पत्रक कैसे सम्मिलित करें

1. 1 एक लेबल शैली बनाएं>। HTML फ़ाइल खोलें और /head> टैग ढूंढें। इसके ऊपर कुछ रिक्त पंक्तियाँ जोड़ें और निम्नलिखित दर्ज करें:

शैली प्रकार = "पाठ / सीएसएस"> / शैली>

1. 1 अपने सभी CSS को इन दो लेबल के बीच में पेस्ट करें।
2. 2 HTML फ़ाइल (.html एक्सटेंशन के साथ) सहेजें।
3. 3 सुनिश्चित करें कि साइट पर सब कुछ वैसा ही दिखता है जैसा उसे होना चाहिए। अन्यथा, वांछित परिवर्तन करें।

टिप्स

• हमेशा विभिन्न ब्राउज़रों और विभिन्न ऑपरेटिंग सिस्टम पर साइट की उपस्थिति की जांच करें। कुछ ब्राउज़र सीएसएस से थोड़े अलग तरीके से जुड़ते हैं। यह एक ही ब्राउज़र में भी हो सकता है, लेकिन मैक और विंडोज के विभिन्न संस्करणों पर। यदि आपकी साइट किसी अन्य ब्राउज़र में अलग दिखती है (उदाहरण के लिए, कुछ वस्तुओं के बीच की दूरी, जैसे कि सूचियाँ, एक भिन्न आकार की हैं), तो समस्या ब्राउज़र की सेटिंग की है। डिफ़ॉल्ट ब्राउज़र सेटिंग बदलने के लिए मास्टर स्टाइलशीट ढूंढें और इसे CSS फ़ाइल के शीर्ष पर पेस्ट करें। ऐसा इसलिए किया जाता है ताकि आपकी सेटिंग्स ब्राउज़र में ही कुछ न बदलें।
• यदि आप कर सकते हैं तो एक बाहरी स्टाइल शीट डालें। यह आपको स्रोत फ़ाइल में कोड को संशोधित करके साइट का रूप बदलने की अनुमति देगा। इस तरह आपको अपनी साइट के प्रत्येक पृष्ठ पर CSS को बदलने की आवश्यकता नहीं है।
• यदि आपकी साइट आपकी अपेक्षा के अनुरूप CSS का प्रतिसाद नहीं दे रही है, तो यह सुनिश्चित करने के लिए कि इसकी वर्तनी सही है, संपूर्ण एन्कोडिंग को दोबारा जांचें। विशेष रूप से, अर्धविराम (";") और समापन कोष्ठक ("}") पर विशेष ध्यान दें। CSS फ़ाइल में इनमें से किसी एक वर्ण को छोड़ना काफी आसान है।
• HTML फ़ाइल को अपने कंप्यूटर में सहेजें ताकि आप इसे बाद में विभिन्न वेब ब्राउज़र में खोल सकें और इसे आगे डाउनलोड करने से पहले इसकी उपस्थिति को दोबारा जांच लें। लेकिन इसे लोड करने के लिए, CSS फ़ाइल को बाहरी स्टाइलशीट के रूप में HTML में डालने की आवश्यकता है।
• यदि शैली पत्रक स्वयं का खंडन करता है - उदाहरण के लिए, यह पहले कहता है कि पाठ नीला होगा और फिर वह लाल होगा - अंतिम शर्त हमेशा पूरी होगी। यदि एक कमांड बाहरी स्टाइल शीट है और दूसरा आंतरिक स्टाइल शीट है, तो आंतरिक स्टाइल शीट सक्रिय होगी।

चेतावनी

• "ओपन" स्टेजिंग सीएसएस का उपयोग न करें, यानी वह सीएसएस जो एचटीएमएल टैग में शामिल है। (उदाहरण: "संरेखण = 'केंद्र'" एक खुली सीएसएस सेटिंग है)। यह खराब सिंटैक्स वाला एक अप्रचलित विकल्प है। अगर कुछ समय बाद आपको साइट को अपडेट करना है, तो इस सेटिंग को बदलना मुश्किल होगा।