नोटपैड का उपयोग करके एक साधारण सीएसएस स्टाइलशीट कैसे बनाएं

लेखक: Clyde Lopez
निर्माण की तारीख: 20 जुलाई 2021
डेट अपडेट करें: 1 जुलाई 2024
Anonim
How to Style Link with HTML and CSS in Notepad++: HTML Tutorials
वीडियो: How to Style Link with HTML and CSS in Notepad++: HTML Tutorials

विषय

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

कदम

  1. 1 नोटपैड प्रोग्राम खोलें।
  2. 2निम्नलिखित कोड को कॉपी करें:

@charset "utf-8"; / * CSS दस्तावेज़ * // * शरीर के तत्व के रंग को परिभाषित करें * / शरीर {पृष्ठभूमि: # FFFFFF;} / * यह खंड लिंक के लिए है * / a: लिंक { फ़ॉन्ट-वजन: सामान्य; रंग: नौसेना} ए: विज़िट किया गया {फ़ॉन्ट-वेट: सामान्य; रंग: हरा;} ए: होवर {फ़ॉन्ट-वेट: बोल्ड; लाल रंग; फॉन्ट-वेरिएंट: स्मॉल-कैप;} / * यह सेक्शन पैराग्राफ सेक्शन के लिए है * / p {font-style: italic; फ़ॉन्ट-आकार: 18px;} नीला {रंग: # 0000FF;} / * यह खंड छवि की काली सीमा के लिए है। * / img {सीमा-रंग: # 000000; सीमा: मोटा; सीमा-शैली: रिज;}

# कोड को "स्टेप 2" से नोटपैड में पेस्ट करें।


  1. 1 फ़ाइल को नोटपैड में सहेजें। "फाइल" बटन पर क्लिक करके और "सेव" कमांड को चुनकर इसे "SimpleCSS.css" नाम से सेव करें। "सहेजें" बटन पर क्लिक करने के बाद, "इस रूप में सहेजें" संवाद बॉक्स प्रदर्शित किया जाएगा।
  2. 2 अपनी सीएसएस फ़ाइल को नाम दें। ".css" एक्सटेंशन के साथ "फ़ाइल नाम" टेक्स्ट बॉक्स में "SimpleCSS.css" या कोई भी नाम दर्ज करें।
  3. 3 "सहेजें" बटन पर क्लिक करें।
  4. 4 हो गया है!

टिप्स

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

चीजें आप की आवश्यकता होगी

  • संगणक
  • नोटपैड प्रोग्राम
  • इंटरनेट ब्राउज़र