Formatting sites wih style sheets:-
Syntax : I
<html>
Style sheet नियमों का वह समूह है जो कि प्रदर्शन मै प्रभाव डालना है वेब पेज के प्रदर्शन me स्टाइल शीट का महत्वपूर्ण योगदान है अधिकतर वेब पेज के प्रदर्शन मै केसकेडिंग स्टाइल शीट ही काम मै ली जाती है CSS के प्रथम version को “level one” भी कहा जाता है अत: इसे CSS या कैस्केडिंग स्टाइल शीट्स level one भी कहा जाता है CSSI बनाने के लिए स्टाइल अवयव <style > तथा </style > का प्रयोग किया जाता है तथा इसे <head > टैग के मध्य व्यवस्थित किया जाता है CSSI के मुख्य तत्व प्रोपर्टी ( properties ) तथा वैल्यू होते है प्रॉपर्टी के उदाहरण निम्न्लिखित है -
Declaration :-
किसी भी स्टाइल कि घोषणा में विभिन्न प्रॉपर्टी तथा उनके मानों को लिखा जा सकता है | यह कार्य निम्न प्रकार किया जा सकता है –
सर्वप्रथम प्रॉपर्टी का नाम लिखा जा सकता है |
उसके बाद कोलन (:) sign लगाकर उस प्रॉपर्टी का नाम लिखा जाता है |
यदि और भी प्रॉपर्टीया साथ ही में घोषित करनी हो तो प्रत्येक प्रॉपर्टी कि घोषणा के बाद सेमी कॉलम(;) sign दिया जाता है |
Syntax-
{<प्रॉपर्टी का नाम> : < प्रॉपर्टी का मान >; <प्रॉपर्टी का मान >; <>; }
Example –
{ color : Blue; font-family : arial; }
Selector –
सिलेक्टर के स्थान पर HTML के उस अवयव का नाम लिखा जाता है | जिसके लिए प्रॉपर्टी कि घोषणा की जा रही है | उदाहरण के लिए माना हमे अपने html पेज के प्रथा हैडिंग को कोई विशेष प्रभाव (style) देनी है तो use निम्न प्रकार लिखा जा सकता है –
H1 {color : Blue; Font- family :Arial}
यहाँ H1 selector है
Color , font-family प्रॉपर्टी है
Blue , Arial प्रॉपर्टी मान है
Syntax : I
<html>
<head>
<style>
Style rules (Sector, properties and value)
</head>
…
…
…
</body>
</html>
Example:-.
<html>
<head>
<style>
P {font-style: Arial}
H {color : Red }
H2 { color : Red ; font-family : Arial}
</style>
</head>
<body>
<h1>this is the h1 element </h1>
<h2>this is the h2 element </h2>
<h3>this is the h3 element</h3>
(h3 is the defalt value display in browser)
</body>
</html>
Syntax II : ( Grouping style rules)
<html>
<head>
<style>
Style rules1,rules2(sector,propertiesand value)
</style>
</head>
</body>
…
…
…
</body>
</html>
Example: -
<html>
<head>
<style>
h1,h2{color : Red, font-family : Arial}
</style>
</head>
<body>
<h1> computer education </h1>
<h2> computer education </h2>
</body>
</html>
0 Comments