सीएसएस ट्यूटोरियल

CSS का उपयोग एक सरल और आसान तरीके से वेब दस्तावेज़ की शैली को नियंत्रित करने के लिए किया जाता है।

CSS के लिए है "Cascading Style Sheet"। यह ट्यूटोरियल सीएसएस 1, सीएसएस 2 और सीएसएस 3 दोनों संस्करणों को कवर करता है और सीएसएस की पूरी समझ देता है, जो इसके मूल से लेकर उन्नत अवधारणाओं तक है।

सीएसएस क्यों जानें?

Cascading Style Sheetsके रूप में जाना जाता है CSS, एक साधारण डिजाइन भाषा है जिसका उद्देश्य वेब पेजों को प्रस्तुत करने की प्रक्रिया को सरल बनाना है।

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

Create Stunning Web site- CSS वेब पेज का लुक और फील हिस्सा संभालती है। CSS का उपयोग करते हुए, आप टेक्स्ट के रंग, फोंट की शैली, पैराग्राफ के बीच रिक्ति, कॉलम कैसे आकार और निर्धारित किए जाते हैं, किस पृष्ठभूमि चित्र या रंगों का उपयोग किया जाता है, लेआउट डिज़ाइन, विभिन्न उपकरणों और स्क्रीन आकार के लिए प्रदर्शन में भिन्नता को नियंत्रित कर सकते हैं। साथ ही अन्य प्रकार के अन्य प्रभाव।
Become a web designer - यदि आप एक पेशेवर वेब डिजाइनर के रूप में कैरर शुरू करना चाहते हैं, तो एचटीएमएल और सीएसएस डिजाइनिंग एक कौशल होना चाहिए।
Control web- सीएसएस सीखना और समझना आसान है लेकिन यह एक HTML दस्तावेज़ की प्रस्तुति पर शक्तिशाली नियंत्रण प्रदान करता है। आमतौर पर, CSS को मार्कअप भाषाओं HTML या XHTML के साथ जोड़ा जाता है।
Learn other languages - एक बार जब आप HTML और CSS के मूल को समझ लेते हैं तो अन्य संबंधित तकनीकों जैसे जावास्क्रिप्ट, php, या कोणीय को समझना आसान हो जाता है।

हैलो वर्ल्ड सीएसएस का उपयोग करते हुए।

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

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

सीएसएस के अनुप्रयोग

जैसा कि पहले उल्लेख किया गया है, सीएसएस वेब पर सबसे अधिक उपयोग की जाने वाली शैली की भाषा है। मैं उनमें से कुछ को यहाँ सूचीबद्ध करने जा रहा हूँ:

CSS saves time- आप एक बार सीएसएस लिख सकते हैं और फिर एक से अधिक HTML पृष्ठों में एक ही शीट का उपयोग कर सकते हैं। आप प्रत्येक HTML तत्व के लिए एक शैली को परिभाषित कर सकते हैं और इसे जितने चाहें उतने वेब पेजों पर लागू कर सकते हैं।
Pages load faster- यदि आप CSS का उपयोग कर रहे हैं, तो आपको हर बार HTML टैग विशेषताओं को लिखने की आवश्यकता नहीं है। बस एक टैग का एक सीएसएस नियम लिखें और इसे उस टैग की सभी घटनाओं पर लागू करें। तो कम कोड का अर्थ है तेजी से डाउनलोड समय।
Easy maintenance - एक वैश्विक परिवर्तन करने के लिए, बस शैली को बदलें, और सभी वेब पेजों में सभी तत्व स्वचालित रूप से अपडेट हो जाएंगे।
Superior styles to HTML - CSS में HTML की तुलना में बहुत अधिक विस्तृत सरणी है, जिससे आप HTML विशेषताओं की तुलना में अपने HTML पृष्ठ को अधिक बेहतर रूप दे सकते हैं।
Multiple Device Compatibility- स्टाइल शीट एक से अधिक प्रकार के डिवाइस के लिए सामग्री को अनुकूलित करने की अनुमति देती है। एक ही HTML दस्तावेज़ का उपयोग करके, एक वेबसाइट के विभिन्न संस्करणों को हाथ में डिवाइस जैसे पीडीए और सेल फोन या प्रिंटिंग के लिए प्रस्तुत किया जा सकता है।
Global web standards - अब HTML विशेषताओं को अपदस्थ किया जा रहा है और इसे CSS का उपयोग करने की सिफारिश की जा रही है। तो यह सभी HTML पृष्ठों में सीएसएस का उपयोग शुरू करने के लिए एक अच्छा विचार है ताकि उन्हें भविष्य के ब्राउज़रों के अनुकूल बनाया जा सके।

दर्शक

यह CSS tutorial दोनों छात्रों के साथ-साथ उन पेशेवरों की मदद करेगा जो अपनी वेबसाइट या व्यक्तिगत ब्लॉग को अधिक आकर्षक बनाना चाहते हैं।

आवश्यक शर्तें

आपको इससे परिचित होना चाहिए:

किसी भी पाठ संपादक का उपयोग करके मूल शब्द संसाधन।
निर्देशिका और फ़ाइलों को बनाने के लिए कैसे।
विभिन्न निर्देशिकाओं के माध्यम से नेविगेट कैसे करें।
इंटरनेट एक्सप्लोरर या फ़ायरफ़ॉक्स जैसे लोकप्रिय ब्राउज़रों का उपयोग करके इंटरनेट ब्राउज़िंग।
HTML या XHTML का उपयोग करके सरल वेब पेज विकसित करना।

यदि आप HTML और XHTML के लिए नए हैं, तो हम आपको पहले हमारे HTML ट्यूटोरियल या XHTML ट्यूटोरियल से गुजरने का सुझाव देंगे।