सीएसएस कैसे बनाएं

एक कैस्केडिंग स्टाइल शीट (सीएसएस) एन्कोडिंग वेबसाइट्स के लिए एक प्रणाली है जो डिजाइनरों को एक ही बार समूहों में कुछ तत्व बताकर कई विशेषताओं में हेरफेर करने की अनुमति देती है। उदाहरण के लिए, साइट पृष्ठभूमि कोड का उपयोग करके, डिजाइनर साइट के सभी पृष्ठों पर पृष्ठभूमि रंग या छवि को बदल सकते हैं, जिसमें सीएसएस फ़ाइल में केवल एक ही बदलाव होता है। यहां एक साधारण वेबसाइट के लिए एक सीएसएस फ़ाइल कैसे बनाई गई है

सामग्री

चरणों
युक्तियाँ
चेतावनी

चरणों

माइक्रोसॉफ्ट विंडोज में नोटपैड प्रोग्राम को इसे स्थापित प्रोग्राम्स की सूची में ढूंढकर या प्रारंभ बटन पर क्लिक करके, खोज फ़ील्ड में "नोटपैड" टाइप करके और "एन्टर" दबाकर खोलें।"

मुख्य टूलबार पर "फ़ाइल" और "इस रूप में सहेजें" पर क्लिक करें।

"। सीएसएस" एक्सटेंशन के बाद सहेजने वाली विंडो के सही क्षेत्र में एक छोटी फ़ाइल नाम टाइप करें, और "सभी फाइलें" को सहेजने के प्रकार के रूप में चुनें।

सीएसएस फ़ाइल का नाम सीधे साइट से संबंधित होना चाहिए ताकि हम इसे शैली नियम निर्दिष्ट कर सकें। उदाहरण के लिए, यदि आपकी साइट का डोमेन criarcss.com है, तो अपने सीएसएस फ़ाइल के नाम के रूप में "createcss.css" का उपयोग करें।

Notepad में अपनी साइट के लिए index.html फ़ाइल खोलें।

"सिर" टैग समाप्त होने से पहले निम्न कोड दर्ज करें: < link rel="stylesheet" type="text/css" href="criarcss.css" >.

यह आपके वेब पेज को बताता है कि इस साइट के लिए आपके सीएसएस नियमों की परिभाषा कहां है।

सीएसएस तत्वों को अपने वेब पेज की एचटीएमएल फाइलों में सेट करें जो कि उनके स्वरूप या शैली को निर्धारित करने के लिए सीएसएस पर भरोसा करेंगे।

सीएसएस तत्व बातें जैसी हैं I < DIV >, वर्ग बनाने के लिए इस्तेमाल किया- < P >, एक अनुच्छेद बनाने के लिए इस्तेमाल किया, और < H1 >, जो एक बड़े हेडर को पहचानता है
आप फ़ॉन्ट शैली के लिए सीएसएस परिभाषाएं बना सकते हैं और पैराग्राफ और शीर्षक, छवि या साइट के पृष्ठभूमि का रंग, या डीआईवी टैग की शुरुआत और समाप्ति के बीच स्थित किसी भी चीज के आकार का आकार बना सकते हैं।

अपनी "creacss.css" फ़ाइल में अपने सीएसएस तत्वों को सूचीबद्ध करें, प्रत्येक एक को स्टाइल नियमों वाली चाबियों वाली एक जोड़ी के साथ। चाबियाँ घुंघराले ब्रेसिज़ हैं, "{}।"

सीएसएस शैली के नियमों में एक संपत्ति और मूल्य शामिल हैं-संपत्ति की पहचान करता है कि आप क्या बदलेंगे, जैसे कि पृष्ठभूमि का रंग। मान उपयोग किए जाने वाले रंग के नाम या संख्यात्मक मान देता है। सिंटैक्स {संपत्ति: मूल्य-} है, उदाहरण के तौर पर बृहदान्त्र, अर्धविराम और उपयोग की जाने वाली कुंजियां।
यदि आप नीली रंग को अपनी साइट पर प्रत्येक पृष्ठ की पृष्ठभूमि के रूप में छोड़ना चुनते हैं, उदाहरण के लिए, आप "पृष्ठ {पृष्ठभूमि रंग: नीला-}" टाइप कर सकते हैं।

किसी भी आईडी या वर्ग भेद जोड़ें

एक आईडी "#" से पहले होगी, जबकि एक अवधि पहले एक क्लास की जाएगी।
यदि आप अपने वेब पेज के पाद लेख को अलग दिखाना चाहते हैं, तो टाइप करके अपने HTML दस्तावेज़ में एक #FOOTER आईडी बनाएं < div id="footer"> अनुभाग की शुरुआत में एक बंद टैग के साथ अनुभाग को बंद करें, < /div >.
अपनी "createcss.css" फ़ाइल में, #FOOTER {font-size: x-small-} टाइप करके एक शैली नियम बनाएं यह आपके फ़ुटर / नोदापे के सभी स्रोतों को बहुत छोटा फ़ॉन्ट बनाने के लिए कारण देगा।

युक्तियाँ

कई अलग-अलग गुण हैं जो आप सीएसएस के साथ हेरफेर कर सकते हैं। एक शैली के साथ एक साइट खोजें, जो आपको पसंद है और पृष्ठ की स्रोत फ़ाइल देखें। अगर सिर टैग्स के अंदर पृष्ठ के शीर्ष पर लिंक एक सीएसएस फ़ाइल नाम है, तो आप तत्वों को निर्दिष्ट गुणों और मूल्यों को देखने के लिए उस पर क्लिक कर सकते हैं।

चेतावनी

सीधे एचटीएमएल और सीएसएस कोड की नकल करने से आपको जल्दी सीखने में मदद मिल सकती है, लेकिन आपको अपने खुद के डिजाइन विचारों का उपयोग करना चाहिए। किसी अन्य व्यक्ति की परियोजना को चोरी और साहित्यिक चोरी है।

सामाजिक नेटवर्क पर साझा करें:

संबद्ध