What is CSS(CSS क्या है)?

HTML की तरह, CSS एक प्रोग्रामिंग लैंग्वेज नहीं है। यह मार्कअप भाषा भी नहीं है। CSS एक स्टाइल शीट भाषा है। CSS वह है जो आप चुनिंदा शैली में HTML तत्वों का उपयोग करते हैं। उदाहरण के लिए, यह सीएसएस पैराग्राफ पाठ का चयन करता है, रंग को लाल रंग में सेट करता है

p {
  color: red;
}
  • CSS कास्केडिंग स्टाइल शीट्स के लिए है
  • CSS बताता है कि HTML तत्वों को स्क्रीन, पेपर या अन्य मीडिया में कैसे प्रदर्शित किया जाना है
  • CSS बहुत काम बचाता है। यह एक साथ कई वेब पेजों के लेआउट को नियंत्रित कर सकता है
  • सीएसएस फ़ाइलों में बाहरी स्टाइलशीट संग्रहीत हैं

सीएसएस का उपयोग क्यों करें?

CSS का उपयोग आपके वेब पृष्ठों के लिए शैलियों को परिभाषित करने के लिए किया जाता है, जिसमें विभिन्न उपकरणों और स्क्रीन आकारों के लिए डिज़ाइन, लेआउट और प्रदर्शन में विविधताएं शामिल हैं।

आइए यह समझने के लिए कि यह कैसे काम करता है|

CSS structure

पूरे ढांचे को एक नियम कहा जाता है। (शब्द के नियम को अक्सर नियम के रूप में संदर्भित किया जाता है।) व्यक्तिगत भागों के नाम नोट करें:

  • Selector

यह नियम के प्रारंभ में HTML तत्व नाम है। यह तत्व (ओं) को स्टाइल में परिभाषित करता है (इस उदाहरण में,
तत्व)। एक अलग तत्व को स्टाइल करने के लिए, चयनकर्ता को बदलें।

  • Declaration

यह रंग की तरह एकल नियम है: लाल ;; यह निर्दिष्ट करता है कि आप किस तत्व के गुणों को स्टाइल करना चाहते हैं।

  • Properties

ये ऐसे तरीके हैं जिनसे आप HTML एलिमेंट को स्टाइल कर सकते हैं। (इस उदाहरण में, रंग
तत्वों की एक संपत्ति है।) CSS में, आप चुनते हैं कि आप किन गुणों को नियम में प्रभावित करना चाहते हैं।

  • Property value

संपत्ति के अधिकार के लिए – बृहदान्त्र के बाद – संपत्ति का मूल्य है। यह दी गई संपत्ति के लिए कई संभावित दिखावे में से एक का चयन करता है। (उदाहरण के लिए, लाल के अलावा कई रंग मूल्य हैं।)


वाक्य रचना के अन्य महत्वपूर्ण भागों पर ध्यान दें:

  • चयनकर्ता के अलावा, प्रत्येक नियम को घुंघराले ब्रेसिज़ में लपेटा जाना चाहिए। ({})

  • प्रत्येक घोषणा के भीतर, आपको अपने मूल्य या मूल्यों से संपत्ति को अलग करने के लिए एक बृहदान्त्र (:) का उपयोग करना होगा।

  • प्रत्येक नियम के भीतर, आपको प्रत्येक घोषणा को अगले एक से अलग करने के लिए अर्धविराम (;) का उपयोग करना होगा।

एक नियम में कई संपत्ति मूल्यों को संशोधित करने के लिए, उन्हें अर्धविराम द्वारा अलग करके लिखें, जैसे

p {
  color: red;
  width: 500px;
  border: 1px solid black;
}

Selecting multiple elements

आप कई तत्वों का चयन कर सकते हैं और उन सभी के लिए एक एकल नियम लागू कर सकते हैं। कई चयनकर्ताओं को अल्पविराम से अलग करें। उदाहरण के लिए:

p, li, h1 {
  color: red;
}

Different types of selectors (विभिन्न प्रकार के चयनकर्ता)

कई अलग-अलग प्रकार के चयनकर्ता हैं। ऊपर दिए गए उदाहरण तत्व चयनकर्ताओं का उपयोग करते हैं, जो किसी दिए गए प्रकार के सभी तत्वों का चयन करते हैं। लेकिन हम और भी विशिष्ट चयन कर सकते हैं। यहाँ कुछ अधिक सामान्य प्रकार के चयनकर्ता हैं:

Selector nameWhat does it selectExample
Element selector (sometimes called a tag or type selector)All HTML elements of the specified type.p
selects <p>
ID selectorThe element on the page with the specified ID. On a given HTML page, each id value should be unique.#my-id
selects <p id="my-id"> or <a id="my-id">
Class selectorThe element(s) on the page with the specified class. Multiple instances of the same class can appear on a page..my-class
selects <p class="my-class"> and <a class="my-class">
Attribute selectorThe element(s) on the page with the specified attribute.img[src]
selects <img src="myimage.png"> but not <img>
Pseudo-class selectorThe specified element(s), but only when in the specified state. (For example, when a cursor hovers over a link.)a:hover
selects <a>, but only when the mouse pointer is hovering over the link.
%d bloggers like this: