CSS
एक सीएसएस नियम की संरचना और स्वरूपण
खोज…
टिप्पणियों
पठनीयता में आसानी के लिए, सभी घोषणाओं को उनके चयनकर्ता से एक स्तर पर, और समापन घुंघराले ब्रेस को अपनी लाइन पर रखें। चयनकर्ताओं और कॉलोनों के बाद एक एकल स्थान जोड़ें, और हमेशा अंतिम घोषणा के बाद अर्धविराम लगाएं।
अच्छा
p {
color: maroon;
font-size: 16px;
}
खराब
p{
color: maroon;
font-size:16px }
एक लाइन
यदि केवल एक या दो घोषणाएँ हैं, तो आप इस से दूर हो सकते हैं। अधिकांश मामलों के लिए अनुशंसित नहीं है। जब संभव हो हमेशा संगत रहें।
p { color: maroon; font-size: 16px; }
नियम, चयनकर्ता और घोषणा ब्लॉक
एक सीएसएस नियम में एक चयनकर्ता (जैसे h1
) और घोषणा ब्लॉक ( {}
) शामिल हैं।
h1 {}
संपत्ति सूची
कुछ गुण कई मान ले सकते हैं, जिन्हें सामूहिक रूप से एक संपत्ति सूची के रूप में जाना जाता है।
/* Two values in this property list */
span {
text-shadow: yellow 0 0 3px, green 4px 4px 10px;
}
/* Alternate Formatting */
span {
text-shadow:
yellow 0 0 3px,
green 4px 4px 10px;
}
एकाधिक चयनकर्ता
जब आप CSS चयनकर्ता समूह बनाते हैं, तो आप अपनी शैली शीट में शैलियों को दोहराए बिना एक ही शैली को कई अलग-अलग तत्वों पर लागू करते हैं। कई समूहीकृत चयनकर्ताओं को अलग करने के लिए अल्पविराम का उपयोग करें।
div, p { color: blue }
तो नीला रंग सभी <div>
तत्वों और सभी <p>
तत्वों पर लागू होता है। अल्पविराम के बिना केवल <p>
तत्व जो <div>
बच्चे हैं, वे लाल होंगे।
यह सभी प्रकार के चयनकर्ताओं पर भी लागू होता है।
p, .blue, #first, div span{ color : blue }
यह नियम इस पर लागू होता है:
-
<p>
-
blue
वर्ग के तत्व -
first
आईडी के साथ तत्व - हर
<span>
एक<div>
अंदर