• Skip to primary navigation
  • Skip to main content

  • Home
  • Tutorials
    • Computer Tutorial
    • Internet Tutorial
    • Windows Tutorial
    • Android Tutorial
    • MS Office
      • MS Word Tutorial
      • MS Excel Tutorial
      • MS PowerPoint Tutorial
    • HTML Tutorial
    • CSS Tutorial
    • WordPress Tutorial
    • Blogger Tutorial
    • MS Paint Tutorial
    • WordPad Tutorial
    • Notepad Tutorial
    • Paytm Tutorial
    • WhatsApp Tutorial
  • How To
  • Articles
  • Career Guide
  • Video Tutorials
  • Books
  • Courses

CSS Syntax in Hindi की पूरी जानकारी.

अंतिम सुधार August 8, 2018 लेखक TP Staff

इस Leson में हम आपको CSS Syntax की पूरी जानकारी देंगे. आपको CSS Syntax क्या होता हैं – What is CSS Syntax in Hindi? CSS Syntax को कैसे लिखा जाता हैं? CSS Syntax के विभिन्न भाग आदि के बारे में जानकारी मिलेगी.

CSS Syntax क्या होता हैं और CSS Syntax का परिचय

HTML तथा अन्य कम्प्युटर भाषाओं की तरह ही CSS Rule को भी लिखने का Syntax है. जिसके माध्यम से HTML Document के लिए CSS Declarations लिखि जाती हैं. नीचे CSS Syntax को दिखाया गया है-

CSS Syntax in Hindi
CSS Rule Syntax

CSS Syntax को Style Rule भी कहते है. Style Rule के मुख्य रूप से दो भाग होते है. आप इन्हे ऊपर Image में देख सकते है.

  1. Selector – एक Selector वह शब्द/शब्द समूह/अक्षर होता है जिसके लिए ‘Style Rule’ को लिखा जाता है. इसे ‘Curly Bracket’ के बाहर लिखा जाता है. यह आमतौर पर ‘HTML Tag’ ही होता है. लेकिन, इसे कोई भी नाम देकर लिखा जा सकता है. हाँ, आपने सही पढा कोई भी नाम लेकिन, आप यह आगे के Lessons में सीख पांएगें.
  2. Declaration – Declaration Style Rule का वह भाग होता हैं जिसमे किसी Selector के लिए Style की घोषणा की जाती हैं. इसके भी दो भाग होते हैं.
    1. Property – Property Style Rule का वह भाग है जो Style हम किसी ‘Selector’ पर लागु करना चाहते है. यह Curly Bracket के भीतर लिखी होती है. इसे HTML Tag का Attribute मान सकते है.
    2. Value – Style Rule का तीसरा भाग Value होता है. इसे भी Curly Bracket के भीतर लिखा जाता है. इसमे Property के लिए Value set की जाती है. Property Selector का “क्या” है वही Value को “कैसे” कहा जाता है.

उम्मीद हैं कि आपको CSS Rule समझ में आ गया होगा. अगर फिर भी आपको कोई शंका है तो हम एक उदाहरण द्वारा इसे समझा रहे हैं.

CSS Rule को उदाहरण से समझिए

p {
color: red;
font-size: 16px;
}

ऊपर के उदाहरण में हमने HTML Paragraph के लिए CSS Rule को Declare किया हैं. जिसमें p जो एक HTML Element होता हैं, यहाँ Selector है. इसके बाद Curley Bracket के भीतर Declaration लिखा गया हैं. Declaration में सबसे पहले Property color दी गई हैं. और इस Property की Value red लिखि गई हैं. Property की Value को Colon (:) द्वारा अलग किया जाता हैं.

इसके बाद एक और Declaration लिखि गई हैं. जिसे Semicolon (;) द्वारा अलग किया जाता हैं. इस Declaration को भी p Selector के लिए ही लिखा गया हैं. जिसमें Property font-size है, और इसकी Value 16px Set की गई हैं. अब आपके Document में जितने भी P Element होंगे उन सब पर ये CSS Rule Apply होगा.

Note:- आप एक ही Style Rule में एक से ज्यादा Declarations लिख सकते हैं.

आपने क्या सीखा?

इस Lesson में हमने आपको CSS Rule Syntax के बारे में पूरी जानकारी दी हैं. हमे उम्मीद हैं कि यह Lesson आपके लिए उपयोगी साबित होगा. अगर आपको CSS Syntax से संबंधित कोई भी परेशानी हैं या आपको इसे समझने में दिक्क्त आ रही है तो आप हमे Comment के द्वारा बता सकते हैं.

About TP Staff

लेखक: TP Staff

TP Staff, TutorialPandit की कम्प्यूटर और टेक्नोलॉजी पेशेवरों की टीम है, जिसका नेतृत्व जी पी गौतम द्वारा किया जाता है. TutorialPandit के माध्यम से भारत देश में हर साल लाखों लोग फ्री डिजिटल शिक्षा ग्रहण कर रहे है.

Join TutorialPandit on Telegram
Use Filmora video editor to express your creativity and amaze with beautiful results.

Reader Interactions

Comments

  1. Abha pandey says

    May 19, 2020 at 9:16 am

    This post is very helpful

    Reply
    • TP Staff says

      May 19, 2020 at 11:03 am

      आभा जी, शुक्रिया.

      Reply
  2. shubham agrawal says

    March 24, 2020 at 6:53 pm

    Really its very nice for studying purpose. I am interested in css by learning from here…..

    Reply
  3. Dev namdev says

    January 5, 2020 at 12:10 pm

    Really its very nice for studying purpose. I am interested in css by learning from here…..

    Reply

Leave a Reply Cancel reply

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

© Copyright TutorialPandit. All Rights Reserved.

  • About Us
  • Contact Us
  • Terms
  • Privacy Policy
  • Comment Policy