Technical Info

Websites के categories के अनुसार उसका background भी बदलना जरुरी होता है | आपने देखा होगा कि कई websites का backgrounds; अलग-अलग colors में होता है या कुछ websites के backgrounds पर images होते है | HTML का default background color ये white होता है, लेकिन अगर कुछ लोग चाहते है तो इस background color को बदल भी सकते है | Background Related CSS Properties background background-color background-image background-attachment background-repeat background-position background property(All in One) Syntax : background : color_name; background : url("image_path"); background : url("image_path") background_repeat; background : url("image_path") background_repeat/position/attachment; background : color_name; निचे div1, div2 और div3 को एक ही color को अलग-अलग प्रकार से दिया गया है | निचे color को अलग-अलग प्रकार से दी जाने वाली values को दिया गया है | Type of Value Description color_name यहाँ पर color का नाम दिया जाता है | For Example, background :

Colors ये websites के लिए बहुत ही महत्वपूर्ण हिस्सा है | अगर आप एक बढ़िया website चाहते हो तो colors का इस्तेमाल किया ही जाना चाहिए | c o l o r Some Common Colors in CSS Color Name Hex Color Code RGB Color Code WHITE #FFFFFF RGB(255, 255, 255) SILVER #C0C0C0 RGB(192, 192, 192) GRAY/GREY #808080 RGB(128, 128, 128) BLACK #000000 RGB(0, 0, 0) RED #FF0000 RGB(255, 0, 0) MAROON #800000 RGB(128, 0, 0) YELLOW #FFFF00 RGB(255, 255, 0) OLIVE #808000 RGB(128, 128, 0) LIME #00FF00 RGB(0, 255, 0) GREEN #008000 RGB(0, 128, 0) AQUA/CYAN #00FFFF RGB(0, 255, 255) TEAL #008080 RGB(0, 128, 128) BLUE #0000FF RGB(0, 0, 255) NAVY #000080 RGB(0, 0, 128) FUCHSIA #FF00FF RGB(255, 0, 255)) PURPLE #800080 RGB(128, 0, 128)) Example <h1 style="background-color:white;">WHITE</h1> <h1 style="background-color:silver;">SILVER</h1> <h1 style="background-color:gray;">GRAY</h1> <h1 style="background-color:black;

/* Comment */ Comments पर दी हुई lines को Browser द्वारा ignore किया जाता है | Comments सिर्फ user को instructions देने के लिए define की जाती है | Single Line Comment Example पर single line comment दी गयी है | h1{ background-color: red; color:blue; /* This is single line comment */ } Multiline Line Comment Example पर multiline comment दी गयी है | h1{ background-color: red; color:blue; /* This is single line comment */ }

Selectors Are Case-insensitive Selectors ये case-insensitive होते है | आप एक ही selector को uppercase और lowercase में अलग-अलग देते हो तो उनके styles को combine किया जाता है | जैसे कि निचे picture में दिया हुआ है | Example Example पर एक ही selector को lowercase और uppercase में दिया गया है | अगर दोनों case-insensitive selectors पर अलग-अलग Style दी जाती है तो उन्हें combine किया जाता है | <style> .myclass{ color : red; background-color : blue; } .MYCLASS{ font-weight : bold; font-style : italic; } </style> <div class="myclass">Hello World</div><br /> <div class="MYCLASS">Hello World</div> Example for Style Overwriting CSS Style को Overwrite भी किया जाता है | Example पर lowercase selector(.myclass) पर color; red है और uppercase selector(.MYCLASS) पर color; blue दिया गया है | लेकिन HTML Element पर सबसे पासवाली style ही apply हो जाती है | <style> .myclass{ color : red; } .MYCLASS{ colo

Selector is Element Name or Class Name or id Name Selector As Element Name : All HTML Elements. For Example, h1, p, b, strong, i Selector As Class Name : .class_name. For Example, .myclass, Selector As id Name : #id_name CSS का Syntax ये selector और उसके declaration के साथ होता है | Selector ये HTML का element name, class name या id name हो सकता है और declaration में CSS Properties और उनकी values होती है | Syntax1 for CSS selector{ property : value; } Simple Example for CSS Syntax1 Example पर single css property के लिए single value दी हुई है | single value ये सभी css properties के लिए होती है | h1{ color : red; } Hello World Syntax2 for CSS selector{ property : value1 value2 value3; } Simple Example for CSS Syntax2 Example पर css property के लिए एक से ज्यादा values दी गयी है | multiple values ये CSS के कुछ properties के लिए ही दी जाती है | table{ border : 1px red solid; } Grouping Selectors Example पर multiple selectors के लि

C ascading S tyle S heet CSS ये Cascading Style Sheet का संक्षिप्त रूप है | CSS का इस्तेमाल करके HTML Document को design किया जाता है | CSS ये background colors, images, height, width, text font, font size, layout और आदि कई चीजों को अपने कब्जे में रखता है | CSS ये काफी आसान Styling Language है | इस language का इस्तेमाल HTML Document के style और layout के लिए किया जाता है | आपने HTML पर bold(<b>,<strong>), italic(<i>), small(<small>) या big(<big>) text का इस्तेमाल किया होगा | HTML के हर Element के अन्दर एक CSS का concept छुपा होता है |, जैसे कि bold text <b>bold</b> Default CSS for <bold> element b{ font-weight:bold; }