CSS Tutorial in Hindi – CSS क्या है? What is CSS in Hindi?

CSS tutorial in Hindi

CSS Tutorial in Hindi – अगर आप web development सिख रहे है तो आपको पता ही होगा की CSS क्या है और क्यों इस्तेमाल करते है. यदि आप इस क्षेत्र में नए है तो आप हमारा HTML Tutorial in Hindi पढ़कर HTML basics सिख सकते है.

इन दो post को पढ़ने के बाद आपको HTML और CSS के बारे में काफी सारी जानकारी मिल जाएगी जिससे आप CSS सिखने की शुरुवात कर सकते है.

इस post में हमने काफी बातो का समावेश किया है जो CSS सिखने के लिए जरुरी है.

HTML basics समझ लेने के बाद आप इसमे आप CSS क्या है जानेंगे.

तो चलिए CSS Hindi Tutorial शुरू करते है.

What is CSS in Hindi? (CSS Tutorial in Hindi)

CSS का full form है – Cascading Style Sheet. CSS का इस्तेमाल करके वेब पेज को डिज़ाइन कर सकते है.

CSS को सीखना और समजझना काफी आसान है. CSS को HTML tags पर apply किया जाता है. यह webpage present करने के लिए एक बहोत powerful तरीका है.

CSS का इस्तेमाल करके background, टेक्स्ट का color, font-size, background images और layout सब बदल सकते है.

CSS क्यों इस्तेमाल करते है?

  • CSS style sheet HTML को कॉम्पलिमेंट करता है.
  • CSS सभी web browsers के साथ compatible है.
  • CSS से web page customize करना आसान हो जाता है.

CSS के फायदे क्या है?

CSS इस्तेमाल करने के काफी सारे फायदे हैं. चलिए इस CSS hindi tutorial इनमें से कुछ फायदों पर हम नजर डाल लेते हैं.

समय की बचत: HTML elements को style करने के लिए CSS एक बार लिखकर उसको काफी बार reuse कर सकते हैं. यही नहीं, बल्कि एक ही style sheet का इस्तेमाल करके हम काफी सारे HTML pages को style लगा सकते हैं. इससे समय की काफी बचत होती है क्योंकि हमें बार-बार नहीं लिखना पड़ेगा.

Fast speed: अगर हम CSS का इस्तेमाल कर रहे हैं, तो हमें हर बार HTML attribute लिखने की जरूरत नहीं पड़ती है. हम एक ही बार HTML tag को CSS style कर सकते हैं और जितनी बार भी HTML tag का इस्तेमाल होगा उस पर अपने आप स्टाइलिंग लग जाएगी.

Maintenance में आसानी: यदि आपको web page design में कुछ बदलाव करना है तो डायरेक्टली CSS file को अपडेट कीजिए और सारे HTML pages में designing बदल जाएगी.

Small File size: Code density पर website page speed निर्भर करती है. जितना ज्यादा website पर code रहेगा, उतनी ही webiste की स्पीड कम होगी.

Helps SEO: CSS की वजह से SEO में काफी boost मिलता है. CSS की वजह से code length काम हो जाती है, जिसकी वजह से website स्पीड बढ़ जाती है. कम स्पीड की वजह से SEO ranking में काफी मदद मिलती है.

CSS के types:

CSS लिंक करने के 3 तरीके है.

1.Inline CSS:

Inline CSS सिंगल HTML element को स्टाइल करने के लिए इस्तेमाल करते है.

उदाहरण के तौर पर:

<h1 style="color:blue;margin-left:30px;">This is a heading</h1>

2. Internal Style sheet:

अगर किसी एक पेज को style करना है, तब Internal CSS का इस्तेमाल कर सकते है.

Internal CSS को <style> एलिमेंट के अंदर लिखा जाता है. <style> एलिमेंट हटम्ल <head> के अंदर लिखा जाता है.

<head>
<style>
body {
  background-color: blue;
}
h1 {
  color: red;
}
</style>
</head>

3. External Style sheet:

External CSS की मदद से पूरी वेबसाइट का डिज़ाइन एक ही फाइल से बदल सकते है. External CSS को एलिमेंट की सहायता से HTML के साथ जोड़ा जाता है.

उदाहरण के तौर पर:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

CSS Syntax:

Selector-CSS Hindi Tutorial

CSS नियम-सेट में एक Selector और एक declaration block होता है.

Selector का इस्तेमाल करके HTML को style कर सकते है.

Declaration block में एक या एक से ज्यादा declarations हो सकते है जिसे semi-colon से separate करते है

हर declaration में CSS property का नाम और उसकी value होती है.

CSS declaration के अंत में semi-colon होता है और declaration block curly brackets के अंदर लिखा जाता है.

उदाहरण के तौर पर:

p {
color: red;
text-align: center;
}

इससे Paragraph tag का text कलर red हो जाएगा और text center align हो जाएगा.

CSS Selectors:

CSS selectors का उपयोग HTML elements को “खोजने” (या चुनने) के लिए किया जाता है. HTML elements को उनके name, id या attribute की मदद से खोज सकते हैं.

  1. Element selector.
  2. Id selector.
  3. Class selector.

CSS Tutorials कहां से और कैसे सीखे?

CSS सीखने के लिए इंटरनेट पर काफी सारी websites मौजूद है. इन websites पर basic से लेकर advance CSS tutorials available है.

नीचे दी हुई websites पर जाकर आप आसानी से HTML सीख सकते हैं:

  1. W3Schools
  2. CodeCademy
  3. JavaTPoint
  4. TutorialsPoint

सारी websites पर CSS फ्री में सिख सकते है. यदि आप Paid courses सीखना चाहते है तो Udemy.com, Coursera.org इत्यादि websites भी available है.

अपनी CSS Skills सुधारें:

इस CSS tutorial in hindi में हमने basic CSS के बारे में समझा. इसमें हमने जाना के CSS types क्या होते हैं और भी देख लिए.

अब जब आपने Web development की शुरुआत कर ली है, आप अपने HTML, CSS skills में सुधार कर सकते हैं. अब आप अगली पोस्ट पढ़ सकते है जिसमे आप जानेंगे JavaScript क्या है और इसका इस्तेमाल web design में क्यों होता है.

अगर आपको ये article अच्छा लगा तो आप हमारे website को subscribe करे. इससे आपको हर din कुछ नयी information मिलती रहेगी. आप हमसे facebook पर भी जुड़ सकते है.

Share this:

Leave a Comment

Your e-mail address will not be published. Required fields are marked *