- css introduction
- css types
- css uses and design
css का उपयोग एक web दस्तावेज़ की शैली को सरल और आसान तरीके से control करने के लिए किया जाता है।css introduction-
"CSS stands for (Cascading Style Sheets) के संक्षिप्त नाम है और css की पूरी समझ देता है, इस tutorials छात्रों और पेशेवरों, जो अपनी websites या निजी blogs को और अधिक आकर्षक बनाना चाहते हैं,html का उपयोग कर simple web pages का विकास करना
यदि आप html के लिए नए हैं, तो हम आपको पहले हमारे html tutorials ko read kare.
css ke dawara website ko easily hum design kar sakte hai .this is designing language. css language se hum webpages ko 3 types se use kar sakte hai..
- inline style - iss language se hum css ko html tag me change kar sakte hai..isme style attributes ka use karte hai.
- internal style- iski help se hum <head> tag ko script ki help se change karte hai
- external style- isme hum html aur css language ke tags ko link ki help se connect karte hai.use<link>tag
css very powerful language.. this language full controlling web designing system.css ki help se hum
text editing , font ,backgroun, margin, position ke control karke easily design kar sakte hai..
css types-
css language ke new version a gaye hai..jinki help se ap bhut badiya aur beautiful web pages design kar sakte hai..dosto mai is post ki help se apko css ki puri jankai dunga..
css ke version-
.css1
.css2
.css3
css3 version new version hai.. dosto mai apni next post mai css ke new version ki puri jankari dunga..
.css version uses and design -
1 external style sheet- external style sheet me css kisi secondary file me hoti hai..
आप केवल एक फ़ाइल को बदलकर पूरी वेबसाइट का रूप बदल सकते हैं!
प्रत्येक पृष्ठ में <link> elment के अंदर external style का एक संदर्भ शामिल होना चाहिए <Link> element <head> section के अंदर जाता है isme <link> tag ko html apply kiya jata hai..example ke help
understand kar sakte hai..
exa-
external style sheet me html me <head> section ka use karte hai..aur css me .css <link> ka use karte hai..
2 inline style-
किसी एक elements लिए एक unique style को लागू करने के लिए एक inline style का उपयोग किया जा सकता है।
exa-
<h1 style="color:yellow;margin-left:30px;">This is a heading</h1>
<h1>=left margin of colour
3 internal style sheet-
एक internal style शैली का उपयोग किया जा सकता है अगर एकsingle page ki एक unique style होती है
internal style use- <style> तत्व के भीतर परिभाषित किया जाता है <head> ka use inside html page..
exa-
<html>
<head>
<style>
body
{
background-color:yellow;
}
</style>
</head>
<body>
<p> This is internal CSS style</p>
</body>
</html>
No comments:
Post a Comment