सीएसएस क्या है? इसके प्रकार – CSS क्या है

आए दिन कोई न कोई सवाल आता रहता है और इसी तरह से सीएसएस क्या है? ये है आज का सवाल अगर आपके मन में भी ये सवाल है कि सीएसएस क्या है? और कैसे सीखें तो आप इस आर्टिकल को विस्तार से जरूर पढ़ें क्योंकि इस आर्टिकल के माध्यम से हम CSS क्या है और इसे कैसे सीखें पूरी जानकारी के साथ विस्तार से चर्चा करने वाले हैं।

टेक्नोलॉजी एक ऐसा क्षेत्र है जिसमें रोज नए अविष्कार हो रहे है जिससे हमारा जीवन दिन प्रतिदिन विकसित हो रहा है, आज तक का सबसे बड़ा अविष्कार कंप्यूटर कहा जा सकता है क्योंकि आप माने या ना माने लेकिन यह सच है की कंप्यूटर ही है इसी कारण से वर्तमान विश्व इतना विकसित हो गया है।

जब बात कंप्यूटर की आई तो यह भी बता दें कि कंप्यूटर से इंटरैक्ट करने के लिए हमें कंप्यूटर की भाषा का ज्ञान होना चाहिए जैसे एचटीएमएल, अजगरजावा, पीएचपी आदि, हमें इन भाषाओं को जानना चाहिए “प्रोग्रामिंग भाषा” इन्हीं भाषाओं की सहायता से ही कम्प्यूटर के नाम से भी जाना जाता है। HTML की तरह Python, Java, PHP, CSS भी एक प्रोग्रामिंग लैंग्वेज है।

मतलब एक तरह से हम CSS की मदद से कंप्यूटर से इंटरैक्ट कर सकते हैं लेकिन हम आपको बता दें कि अलग-अलग काम करने के लिए कंप्यूटर से इंटरैक्ट करने के लिए हर तरह की अलग-अलग प्रोग्रामिंग लैंग्वेज का इस्तेमाल किया जाता है यानी सभी प्रोग्रामिंग लैंग्वेज। काम अलग होता है उसी तरह CSS का काम भी अलग होता है जिसे हम इस लेख के माध्यम से जानने वाले हैं।

CSS क्या हैं – CSS क्या है हिंदी में

अगर आप ऐसा सोच रहे हैं सीएसएस क्या है? तो आपको बता दें कि CSS “व्यापक शैली पत्रक” प्रोग्रामिंग लैंग्वेज हैं, जिनके जरिए वेबसाइट को रंग दिया जाता है और वेबसाइट को आकर्षक बनाया जाता है। इसे HTML के साथ Embed करके उपयोग किया जाता है।

वेब डेवलपमेंट के विकास के पीछे CSS का बहुत बड़ा योगदान रहा है, क्योंकि CSS के बिना वेबसाइट को User Friendly, Stylish, Visual Elements जैसे Color, Margin, Font Style, Border को CSS के द्वारा ही बनाना लगभग नामुमकिन है। आदि दिए गए हैं।

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

एक वेबसाइट को अच्छी तरह से बनाने के पीछे जितना योगदान HTML प्रोग्रामिंग लैंग्वेज का होता है उसी तरह वेबसाइट को डिजाइन करने में CSS प्रोग्रामिंग लैंग्वेज का योगदान होता है आज के समय में लगभग हर वेबसाइट जो आप इंटरनेट पर देखते हैं वह सभी वेबसाइट CSS द्वारा डिजाइन की जाती है प्रोग्रामिंग भाषा केवल।

यह भी पता है: जावा क्या है? और कैसे सीखें

CSS के प्रकार – CSS के प्रकार

अगर आप सोच रहे हैं कि आखिर “CSS कितने प्रकार के होते हैं” तो हम आपको बता दें कि CSS तीन प्रकार की होती है यानि CSS को तीन भागों में बांटा गया है जो नीचे दिए गए हैं।

1. इनलाइन सीएसएस

किसी भी प्रकार के HTML Element को Configure करने के लिए Inline CSS का प्रयोग किया जाता है और यदि हमें किसी Element के Element को बदलना हो तो Inline CSS की सहायता से हम उस Element को किसी भी Element पर बदल सकते हैं. कोई प्रभाव नहीं पड़ेगा।

यदि हम एक लाइन के अंदर इनलाइन सीएसएस को समझें तो ऐसा कहा जा सकता है “सीएसएस इनसाइड टैग का उपयोग करना” हो जाता।

2. आंतरिक सीएसएस

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

अगर हम एक लाइन के अंदर Internal CSS को समझें तो “सीएसएस अंदर का उपयोग करना” हो जाता।

3. बाहरी सीएसएस

यह CSS की सबसे रोचक और स्टाइलिश शीट है, इसमें हम CSS कोडिंग को एक अलग फाइल में इस्तेमाल कर सकते हैं। “सीएसएस” एक्सटेंशन लगाकर इसे सेव कर लेते हैं। जब हम लिंक फाइल के माध्यम से CSS फाइल को HTML फाइल से लिंक करते हैं तो पूरी HTML फाइल इस CSS से प्रभावित हो जाती है।

अगर हम External CSS को एक लाइन में समझे तो इसका मतलब है “एक अलग CSS फ़ाइल बनाना और उसे HTML दस्तावेज़ से जोड़ना” हो जाता।

तो अब आप CSS के इन तीन भागों के बारे में जान गए होंगे।

सीएसएस का इतिहास

CSS बनाने का प्रस्ताव सबसे पहले 10 अक्टूबर 1994 को रखा गया था हाकोन वियम ले तमाम कोशिशों के बाद 1996 में CSS को तैयार किया गया, फिर उसके बाद 1997 में CSS CSS 2.0 का दूसरा संस्करण जारी किया गया, तब प्रोग्रामरों ने CSS 3.0 पर काम करना शुरू किया।

लेकिन कुछ Internet Explorer में CSS 3.0 मॉड्यूल ठीक से काम नहीं करने के कारण इसने कुछ समय के लिए CSS 3.0 पर काम करना बंद कर दिया और फिर CSS 2.1 पर काम शुरू किया गया और CSS 2.1 जारी किया गया। इन सबके बाद जब नए प्रकार के ब्राउज़र जैसे फायरफॉक्स, ओपेरा आदि बाजार में आए तो 7 जून 2011 को CSS 3.0 कलर मॉड्यूल जारी किया गया।

अब कौन मौजूदा CSS का नवीनतम संस्करण CSS 4.15 है। जो दिसंबर 2020 में रिलीज हुई थी।

CSS की विशेषताएं – CSS की विशेषताएं

वैसे तो अगर हम CSS के features को देखें तो CSS के अलग अलग प्रकार के features हैं, इसकी सबसे बड़ी खासियत यह है कि हम वेबसाइट को आकर्षक बना सकते हैं, लेकिन इसके अलावा वास्तव में CSS प्रोग्रामिंग लैंग्वेज की बहुत सी खूबियाँ हैं , जो नीचे दिए गए हैं। गया।

1. समय की बचत होती है

आपको बता दें कि CSS समय बचाने में सहायक है क्योंकि मान लीजिए कि एक बार आपने CSS में कोड लिख लिया तो आप आसानी से उस कोड को HTML Element में अलग-अलग समूहों में लगा सकते हैं और वेब पेज कोड का उपयोग कर सकते हैं। में लाया जा सकता है, इसमें बार-बार कोड लिखने की आवश्यकता नहीं होती, जिससे समय की बचत होती है।

2. वेब पेज का लोड कम करता है

CSS एक प्रोग्रामिंग लैंग्वेज है जिसमें वेब पेज को डिजाइन करने के लिए बहुत कम कोडिंग की आवश्यकता होती है जिससे वेब पेज में कोडिंग कम होने के कारण वेब पेज जल्दी लोड हो जाता है।

3. रखरखाव में आसान

CSS को आसानी से बनाए रखा जा सकता है क्योंकि CSS कोड की एक लाइन बदलने से पूरी वेबसाइट प्रभावित होती है।

4. बैंडविड्थ कम करता है

यदि आप पृष्ठ की तालिका के बजाय CSS का उपयोग करते हैं, तो फ़ाइल का आकार लगभग 50 प्रतिशत कम हो जाएगा, जिससे बैंडविड्थ कम हो जाती है, इसलिए यह बैंडविड्थ को कम करने में सहायक है।

5. वेबसाइट के अनुसार काम करता है

CSS एक प्रोग्रामिंग लैंग्वेज है जो वेबसाइट के हिसाब से काम करती है यानी CSS वेबसाइट के टाइप के हिसाब से काम करेगी जो वाकई मददगार है।

6. अनुकूलित करने में आसान

CSS का उपयोग HTML और Javascript के साथ किया जाता है, जिसके कारण इसके कोड लिखना आसान होता है, इसका सिंटैक्स इतना जटिल नहीं है जिसके कारण इसे अनुकूलित करना आसान हो।

सीएसएस का सिंटेक्स

p {
      color : blue;
}

पी वाला पार्ट को सेलेक्टर कहा जाता है यानी P एक सेलेक्टर है, यह सिलेक्टर द्वारा निर्धारित किया जाता है कि HTML के किस एलिमेंट को स्टाइल करना है। (P का अर्थ है प्रग्राफ, इसे टैग कहते हैं)

, यह एक खुला टैग है जिसे हमें चयनकर्ता के बाद लगाना है।

अब जहाँ Color लिखा होता है वह एक प्रकार की Property होती है. प्रॉपर्टी का मतलब है कि एलिमेंट को कैसे डिस्प्ले करना है, जैसे प्रॉपर्टी कलर दिया है तो इसका मतलब है कि एलिमेंट कलर होगा.

टिप्पणी : संपत्ति चयनकर्ता के नीचे दी गई है।

अब हमें प्रॉपर्टी के बाद प्रॉपर्टी की वैल्यू देनी होती है, लेकिन इससे पहले कोलन का इस्तेमाल होता है, आप चाहें तो वैल्यू, बैकग्राउंड आदि भी डाल सकते हैं और प्रत्येक प्रॉपर्टी और वैल्यू डालने के बाद हमें सेमीकोलन का इस्तेमाल करना होता है।

अब हमें नीचे के पैराग्राफ में Close टैग का इस्तेमाल करना है इसके लिए हम , आइए इसका इस्तेमाल करते हैं।

सीएसएस कैसे सीखें?

CSS के बारे में जानने के बाद अगर आपके पास भी है सीएसएस कैसे सीखें? यदि यह प्रश्न आ रहा है तो आपको बता दें कि वर्तमान में CSS सीखने के कई तरीके हैं जिनकी मदद से आप CSS प्रोग्रामिंग भाषा सीख सकते हैं, जो नीचे दिए गए हैं।

1. आप सभी YouTube को जानते ही होंगे क्योंकि YouTube आज के समय का सबसे बड़ा वीडियो शेयरिंग प्लेटफॉर्म बनकर उभरा है, अगर आप CSS प्रोग्रामिंग लैंग्वेज सीखना चाहते हैं तो आप YouTube की मदद से सीख सकते हैं क्योंकि YouTube पर ऐसी कई PHP हैं। ट्यूटोरियल वीडियो उपलब्ध हैं जिनकी मदद से आप PHP सीख सकते हैं।

2. मुझे यह कहने में कोई दिक्कत नहीं है कि आज के समय में इंटरनेट ज्ञान का सबसे बड़ा स्रोत है। क्यूंकि लगभग हर प्रकार की जानकारी इस समय इंटरनेट पर उपलब्ध है अगर आप CSS सीखना चाहते है तो आप इंटरनेट का इस्तेमाल कर सकते है यहाँ पर आपको PHP से सम्बंधित सभी जानकारी बेसिक से लेकर एडवांस तक मिल जाएगी.

3. जिस तरह आज के समय में इंटरनेट ज्ञान का एक बड़ा स्रोत है, उसी तरह किताबें वाकई हमें बहुत कुछ सिखाती हैं, अगर आप CSS प्रोग्रामिंग लैंग्वेज सीखना चाहते हैं, तो इसके लिए आप CSS से जुड़ी किताबें खरीद सकते हैं। बुक्स में आपको बेसिक से लेकर एडवांस तक की सारी जानकारी मिल जाएगी।

CSS प्रोग्रामिंग लैंग्वेज सीखने के कुछ टिप्स

अगर आप CSS सीखना चाहते हैं, तो इसके लिए हमने नीचे कुछ टिप्स दिए हैं, जिन्हें फॉलो करके आप जल्दी सीख सकते हैं –

1. मूल बातें सीखें

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

2. सिंटेक्स को समझें

किसी भी प्रोग्रामिंग लैंग्वेज को सीखने के लिए उसके सिंटेक्स को समझना बहुत जरूरी है, क्योंकि जिस तरह अंग्रेजी में ग्रामर होता है, उसी तरह प्रोग्रामिंग लैंग्वेज में सिंटैक्स होता है, इसी आधार पर प्रोग्रामिंग लैंग्वेज काम करती है, इसे कई प्रोग्रामिंग लैंग्वेज में टैग कहा जाता है। यह भी पता है।

3. बुनियादी बातों पर ध्यान दें

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

4. छोटे प्रोजेक्ट बनाएं

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

5. रोजाना अभ्यास करें

किसी भी काम में निपुण होने के लिए हमें सबसे ज्यादा जिस चीज की जरूरत होती है वह है अभ्यास, क्योंकि किसी भी काम में हम सिर्फ अभ्यास से ही विशेषज्ञ बन सकते हैं, इसी तरह अगर आप CSS सीखना चाहते हैं तो कम से कम पूरे ध्यान से। रोजाना 1 से 2 घंटे साथ में अभ्यास करें।

6. त्रुटियों पर नहीं समाधानों पर ध्यान दें

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

अक्सर पूछे जाने वाले प्रश्न – सीएसएस क्या है

निष्कर्ष

अब हमने इस लेख के माध्यम से आपके साथ CSS से संबंधित जानकारी विस्तार से साझा की है, अब अंत में उम्मीद है कि इस लेख को पढ़कर आपको विस्तार से पता चल गया होगा कि CSS क्या है (What is CSS in Hindi) और आप CSS कैसे सीखते हैं? इस सवाल का जवाब मिल गया होगा। यदि आपके पास इंटरनेट के बारे में वास्तव में जिज्ञासु प्रश्न हैं, तो नीचे टिप्पणी में पूछें।

साथ ही यह भी बताएं कि आपको इस लेख के माध्यम से दी गई जानकारी कैसी लगी और इस लेख को सोशल प्लेटफॉर्म जैसे ट्विटर, फेसबुक पर भी शेयर करें।