About Css In Hindi.

Features About Css In Hindi.

Css

What is css – css, या कैस्केडिंग स्टाइल शीट, एक संक्षिप्त रूप है। Css पोस्ट, पैराग्राफ और html के अन्य भागों के लिए डिजिटल वेब जानकारी को बदलने, स्वरूपित करने और बनाने के लिए एक लोकप्रिय भाषा है। फिर, सीएसएस का पूरी तरह से उपयोग किया जाता है। वेबसाइट के हेडर, बॉडी, फुटर, सेक्शन, राइट साइडबार, लेफ्ट साइडबार, और विशिष्ट सेक्शन, हेडिंग के साथ-साथ किसी भी वेबसाइट, ब्लॉग या ई-कॉमर्स स्टोर की डिजिटल सामग्री को फॉर्मेट और एडिट करते समय सिर्फ css से ज्यादा की जरूरत होती है। आप सीएसएस के साथ अपनी वर्तमानबोरिंग वेबसाइट की उपस्थिति को मौलिक रूप से बदल सकते हैं। आप सीएसएस के साथ अपनी लाइव वेबसाइट की उपस्थिति और कार्यक्षमता को नियंत्रित कर सकते हैं। इसके अतिरिक्त, आप सीएसएस का उपयोग करके चुन सकते हैं कि आपकी वेबसाइट को स्थानीय, वैश्विक और ऑनलाइन कैसे दिखाया जाएगा। Css को सीधे html टैग्स के अंदर लिखा जा सकता है। या आप इसे बाहरी सीएसएस स्रोत से किसी भी html वेबपेज में आयात कर सकते हैं। Html वेबसाइट बनाने के बाद css का उपयोग किया जाता है। जब एक विशिष्ट वेबसाइट अनुभाग को विशेष रूप से संपादित और अनुकूलित करने की आवश्यकता होती है। तब css हमारे लिए एक महत्वपूर्ण वेब टूल बन जाता है।

Css को पहले वर्ल्ड वाइड वेब कंसोर्टियम (w3c) संगठन द्वारा बनाया गया था। इसकी प्रारंभिक व्यावसायिक रिलीज़ की तारीख 17 दिसंबर, 1996 थी। इसके बाद, सीएसएस संस्करण और संरचना में समय के साथ धीरे-धीरे सुधार किए जा रहे हैं।

Css हमें किसी भी वेबसाइट की डिफ़ॉल्ट शैलियों और लेआउट को व्यावसायिक रूप से संशोधित करने की अनुमति देता है। जिसमें डिफ़ॉल्ट वेबपेज के पैराग्राफ, हेडिंग, टेक्स्ट, फॉन्ट, फॉन्ट कलर, और फॉन्ट साइज को बढ़ाया और घटाया जाता है। किसी भी शीर्षक, पाठ या पृष्ठभूमि को किसी भिन्न रंग में बदला जा सकता है। एकाधिक html वेबसाइट विशेषताएँ होम पेज और बाद के सभी वेब पेजेज पर प्रदर्शित की जाती हैं, जब किसी एकल वेबसाइट के संपूर्ण होम पेज, मुख्य भाग और फुटर भाग को कई स्वतंत्र घटकों में विभाजित किया जाता है।

Note – अपने द्वारा बनाई गई किसी भी सीएसएस वेब स्क्रिप्ट या फ़ाइल को निष्पादित करने के लिए हमेशा ध्यान रखें। इसे अपनी हार्ड ड्राइव पर .ccs फ़ाइल के रूप में सहेजें। .ccs फ़ाइल एक्सटेंशन होने पर आपकी फ़ाइल व्यापक रूप से उपयोग किए जाने वाले css शैली प्रारूप से लिंक हो जाएगी।

Css features.

• Html वेब पेज में टाइटल, पैराग्राफ, फ़ॉन्ट, फ़ॉन्ट आकार, फ़ॉन्ट रंग, बॉडी बैकग्राउंड, बॉडी इमेज आदि सभी को पूरी तरह से सीएसएस का उपयोग करके बदला जा सकता है।
• Html पैराग्राफ भागों के बीच की जगह की मात्रा, प्रत्येक पैराग्राफ का आकार, फ्रंट-पेज कॉलम लेआउट का आकार, और अनुभाग सभी को आवश्यकतानुसार css से बदला जा सकता है।
• लाइव वेबसाइट के डिफ़ॉल्ट html पृष्ठ का अपना पूरा लेआउट, शैली और स्वरूपण अधिक व्यावसायिक होने के लिए परिवर्तित हो सकता है।
• किसी भी वेबसाइट की तालिका या वेबसाइट पृष्ठ वस्तु पृष्ठभूमि को रंग, फ़ॉन्ट आकार, अनुच्छेद सीमा, ऊंचाई और चौड़ाई के संदर्भ में तुरंत बदला जा सकता है।
• कोई भी html वेबसाइट आसानी से css स्क्रिप्ट का उपयोग कर सकती है।

Css pros & cons

Css pros.

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

Css cons.

• कई क्रॉस-प्लेटफ़ॉर्म वेब ब्राउज़र में सीएसएस का क्रियान्वयन चुनौतीपूर्ण हो जाता है।
• यहां कई सीएसएस संस्करण शामिल हैं, और कभी-कभी, पुराने संस्करण सीएसएस के नए संस्करणों के साथ समस्याएं पैदा करते हैं।
• सभी लागू सीएसएस सही है या नहीं यह देखने के लिए आपको अपने वेब ब्राउज़र को मैन्युअल रूप से जांचना होगा। आपके द्वारा लागू किया गया विशिष्ट सीएसएस सही ढंग से काम कर रहा है या नहीं।
• Html फ़ाइल में, बाहरी css प्रॉपर्टीज कभी-कभी लिंक करने में विफल हो सकते हैं। इसके अतिरिक्त, यह मानव, मशीन या संज्ञानात्मक त्रुटि का परिणाम हो सकता है।
• प्रत्येक css कार्य html में पूर्ण होता है। हालाँकि, इसके लिए कई लंबे html टैग के उपयोग की आवश्यकता होती है।
• सीएसएस लेखन के लिए अधिक समय और प्रयास की आवश्यकता होती है। इसके अतिरिक्त, आपको इसके प्रत्येक सिंटैक्स और लॉजिक्स से अच्छी तरह वाकिफ होना चाहिए।

Type of css.

• Inline css
• Internal css
• External css

Inline css – किसी भी मौजूदा एचटीएमएल टैग का इस्तेमाल इनलाइन सीएसएस के साथ किया जा सकता है। इस प्रकार के css का उपयोग करने का यही लाभ है। की लाइव वेबसाइट के पेज पर कहीं भी, आप इसे तुरंत जोड़ सकते हैं या इसे किसी भी टैग के साथ जोड़ सकते हैं। इनलाइन सीएसएस उपयोग भी सीधा है। हालाँकि, किसी भी html फ़ाइल का उपयोग अतिरिक्त इनलाइन css को लागू करने के लिए किया जा सकता है। परिणामस्वरूप, आपका html टैग लंबा हो जाता है। और यह सीधे html टैग्स को और अधिक कठिन बना देता है।

Example of inline css.

<!DOCTYPE Html>
<html>
<body style="background-color:yellow;">
<h1 style="color:red;padding:50px;">welcome to the css world</h1>
<p style="color:blue;">welcome to css tutorial at mit academys.</p>
<p style="color:lime;">this is the example of inline css.</p>
</body>
</html>

Internal css – किसी भी एचटीएमएल वेब पेज का हेड सेक्शन वह जगह है जहां आंतरिक सीएसएस शुरू हो सकता है। <style> और </style> टैग का उपयोग आंतरिक सीएसएस को शुरू और समाप्त करने के लिए किया जाना चाहिए। जो क्रमशः एचटीएमएल वेब पेज हेड सेक्शन का अनुसरण करता है। इस प्रकार के सीएसएस का उपयोग करके किसी भी विशिष्ट एचटीएमएल वेब पेज स्क्रिप्ट भाग, टेक्स्ट, पैराग्राफ, बॉडी कंपोनेंट इत्यादि को मैन्युअल रूप से या स्वतंत्र रूप से स्वरूपित या संपादित किया जा सकता है।

Example of internal css.

<!DOCTYPE Html>

<html>

<head>

<style>

Body {

Background-color: black;

}

H1 {

Color: lime;

Padding: 10px;

Font-size: 70px;

}

P {

Text-align: center;

Color: red;

Font-size: 30px

}

</style>

</head>

<body>

<h1>inline css example</h1>

<p>welcome to mit academys.</p>

</body>

</html>

External css – आप किसी भी टेक्स्ट एडिटर में .css एक्सटेंशन के साथ बाहरी सीएसएस फ़ाइल को सहेज सकते हैं, और पूरे एचटीएमएल दस्तावेज़ को स्टाइल करने के लिए उस फ़ाइल के सभी गुणों, या केवल एक बाहरी सीएसएस फ़ाइल के प्रभाव का उपयोग कर सकते हैं। किसी भी सीएसएस आईडीई या नोटपैड ++ टेक्स्ट एडिटर का इस्तेमाल बाहरी सीएसएस बनाने के लिए किया जाता है, जिसे बाद में .css एक्सटेंशन के साथ सेव किया जाता है। वेब पेज पर किए गए लगभग सभी html फ़ाइल अपडेट इस फ़ाइल में रिकॉर्ड किए जाते हैं। और html <head> टैग के बाद, आपको इस बाहरी सीएसएस के लिए एक लिंक की आवश्यकता होगी या मैन्युअल रूप से दर्ज करना होगा।

Syntex of external css.

<link rel=”stylesheet” type=”text/css” href=”external.css” />

“external.css”

Body {

Background-color: black;

}

H2 {

Color: lime;

Margin-left: 50px;

}

P {

Text-align: center;

Color: red;

Font-size: 30px

}

Example of external css.

<!DOCTYPE Html>

<html>

<head>

<link rel=”stylesheet” type=”text/css” href=”external.css” />

</head>

<body>

<h1>external css example</h1>

<p>test with paragraph tag.</p>

</body>

</html>

Css in html – एचटीएमएल में सीएसएस को लागू करना एचटीएमएल (हाइपर टेक्स्ट मार्कअप लैंग्वेज) में सीएसएस के रूप में जाना जाता है। Css और html दो पूरी तरह से अलग विचार हैं। जहां हम वेब पेज बनाना और संपादित करने के लिए html का उपयोग करता है। नवगठित एचटीएमएल वेब पेज का डिफ़ॉल्ट रूप और स्वरूप उसी सीएसएस का उपयोग करके स्टाइल, स्वरूपित, संपादित या परिवर्तित किया जाता है।

Leading css editor.

Text base css editor.

• Notepad
• Notepad++

Graphical css ide editor.

• Atom
• Notepad++
• Visual studio code editor
• Bluefish editor
• Bracket
• Sublime text editor
• Linux, mac, android, any text editor