CSS in Hindi | CSS Learning | CSS Tutorial

CSS in Hindi, Learn CSS, CSS Short Notes, Step for Learn CSS, Type of CSS, External CSS In Hindi

इस Article मे CSS Introduction के साथ साथ, CSS का उपयोग, बेनेफिट, Creator के बारे मे जानकारी , तथा CSS को Step by Step कैसे सिख सकते है, आदि सभी Point को समझाया गया हैं ।

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

CSS का Full Form Cascaded Style Sheet हैं यह एक Stylesheet Language हैं , इसका उपयोग HTML Document को और भी Attractive बनाने के लिए किया जाता हैं । ताकि HTML Document को Display करना यदि Use Print करना हो तो उससे संबंधित सभी प्रकार की Coding CSS के द्वारा की जाती हैं । सबसे बड़ा Benefit CSS से यह होता हैं की हम कोई भी एक बार Code लिखते हैं तो वह उससे मिलते जुलते सभी Page पर Apply हो जाता हैं जिससे की बहुत की कम Coding मे हम Design कर पाते हैं ।

CSS का उपयोग क्या हैं ? Use of CSS in Hindi?

CSS को उपयोग कर हम हमारे द्वारा बनाए गए HTML Document को और भी खूबसूरत बना सकते हैं , साथ मे document मे Similarity रहती हैं जिससे की देखने वाले को हमारे सभी Pages एक ही Format मे Set दिखते हैं जिससे की User का ध्यान आकर्षित होता हैं ।

CSS से क्या फायदे होते हैं ? Benefit of CSS in Hindi

  • CSS के उपयोग से समय की बचत होती हैं ।
  • एक ही Coding का उपयोग हम बहुत सी जगह कर सकते हैं
  • कम Coding करना होती हैं ।
  • समझने मे बहुत ही आसान होती हैं ।
  • किसी भी HTML पर CSS Apply करने के बाद वह और भी सुंदर हो जाती हैं ।

CSS किसने बनाई ? Creator of CSS in Hindi?

CSS को 1996 मे World Wide Web Consortium मे Tim Berners-Lee और Håkon Wium Lie ने मिलकर बनाई हैं । अभी जब यह Article लिखा गया हैं जब हम CSS 3 पर कार्य कर रहे हैं ।

CSS को अलग से Installation करने की जरूरत नहीं होती हैं, हर browser मे पहले से ही Setup होती हैं ताकि अपने जो भी Code लिखा हो उसके अनुसार आपको Result Provide कर सकते हैं ।

हम 3 तरह से CSS का उपयोग अपने HTML Page मे कर सकते हैं । 3 Types of CSS

  • Inline CSS : जिस भी Element पर हमको CSS लिखना हैं उस पर style =”” attribute बना कर हम CSS लिख सकते है , यह केवल जिस Element पर लिखी हैं उसी पर Applicable होती हैं और इसकी Priority सबसे अधिक होती हैं ।
  • Internal CSS : यह हमारे Web Page के Head Tag मे <style> …. </style> element मे लिखी जाती हैं, इसमे हम एक Code को एक से अधिक Element पर उपयोग कर सकते हैं । इनसे संबंधित Rules पर हम आगे बात करेंगे । Internal की Priority Inline की तुलना मे कम होती हैं यानि की यदि Inline और Internal दोनों पर ही एक ही Element पर कोई CSS लिखी हैं तो हमे Inline वाली ही Applicable हो कर दिखाई देगी ।
  • External CSS : जब हम CSS Current Web Page पर न लिख कर उसे एक अलग CSS File बना कर उपयोग करते हैं तो तो उसे Web Page के Head Tag मे <link > element द्वारा Include करना होती हैं । यह File अलग Page पर होती हैं इसलिए इसे external CSS कहा जाता हैं इसकी Priority Internal की तुलना मे और कम होती हैं ।

यदि हम एक ही Element पर तीनों तरह से CSS Apply करे तो Inline वाली ही Apply होगी , यदि Inline कोई CSS नहीं हुई तब Internal css Apply होगी और यदि internal भी कोई Css नहीं लिखी हैं तब External Apply होगी ।

CSS File का Extension क्या होता हैं ?

CSS File का Extension .css होता हैं ।


हमारे अन्य आर्टिकल


CSS सीखने की शुरुआत कहाँ से करे ? How to Start Learning CSS?

निम्न स्टेप्स से आप CSS बहुत ही आसानी से सिख सकते हैं । आपको यह Article Notes बनाने मे भी बहुत ही Help करेगा ।

Step 1: आपको HTML आना चाहिए , यदि आपको HTML मे ठीक तरह से Coding करना आती होगी तब ही आप CSS सिख पाएंगे।

Step 2: CSS Syntax के बारे मे सीखे ।

  • Syntax
  • Selector
  • Comment

Step 3: CSS Unit (px, cm, in, etc) के बारे मे सीखे ।

  • in (Inches)
  • cm (Centimeter)
  • mm (Milimeter)
  • pt (Points)
  • px (Pixel)

Step 4: CSS Colour के बारे मे सीखे ।

  • Background Colour
  • Text Colour
  • Border Colour

Step 5: CSS Background के बारे मे सीखे ।

  • Background Image
  • Background Attachment
  • Background Repeat

Step 6: CSS Box Modal सीखे ।

  • Content
  • Padding
  • Border
  • Outline
  • Margin

Step 7: CSS Text के बारे मे सीखे ।

  • Text Alignment
  • Text Decoration
  • Text Transformation

Step 8: CSS Font के बारे मे सीखे ।

  • Font Family
  • Font Style
  • Font Size

Step 9: CSS Layout के बारे मे सीखे ।

  • Display
  • Max Width
  • Position
  • Z-Index
  • Float
  • Align
  • Overflow

Step 10: Element Related CSS सीखे ।

  • Link
  • List
  • Table
  • Form
  • Image

Step 11: Icon Library Add करना सीखे ।

  • Google Icon
  • Font Awesome
  • Bootstrap Icon

Step 12: CSS Selectors के Rules सीखे ।

  • Attr
  • Combinator
  • Pseudo Class
  • Pseudo Element

Step 13: CSS Applicable की Hierarchy सीखे।

  • Specificity
  • Important

Step 14: CSS Function सीखे ।

  • calc
  • min
  • max

Step 15: Advance CSS सीखे ।

  • Text Effect
  • Animation
  • Shadow
  • Gradient
  • Tooltips

Step 16: Responsive CSS सीखे ।

  • Viewport
  • Grid View
  • Media

FAQ

Q. क्या हम बिना HTML के CSS का उपयोग कर सकते हैं ?

A. नहीं, HTML Element पर ही CSS Apply कर सकते हैं । इसलिए बिना HTML के CSS लिखना का कोई फायदा नहीं हैं ।

Q. CSS के Framework कौन-कौन से है ?

Bootstrap, Tailwind CSS, Foundation, Bulma, Skeleton

आपको यह Article कैसा लगा हमे जरूर बताए , अपना कीमती समय देने के लिए धन्यवाद ।

One Comment

Add a Comment

Your email address will not be published. Required fields are marked *