Technical Info

CSS - Margin VS Padding CSS Box Model in Hindi Element Content :  element का content होता है | For Example, some text, images Padding :  Padding ये border के अन्दर का हिस्सा होता है और ये element का हिस्सा होता है | Border :  Border ये padding और margin के बीच का हिस्सा होता है | Margin :  Margin ये border के बाहर का हिस्सा होता है और ये element का हिस्सा नहीं होता है | Example Example पर border की बाहरी space ये margin होती है | border की अन्दर की space ये padding होती है | <style> p{ padding : 100px; margin : 100px; border : 5px #F00 solid; } </style> <p>CSS stands for Cascading Style Sheet</p> CSS stands for Cascading Style Sheet Live Example Understand the Example given about Margin and Padding <p style=" margin:50px; background-color:yellow;"> margin:50px; </p> <p style=" padding:50px; background-color:yellow;"> padding:50px; </p> margin:50px; padding:50px; Margin Pa...

                                      CSS - CSS Padding box-MODEL CSS Padding से element के content के लिए top, right, bottom और left side के लिए padding दी जाती है | Padding के लिए  negative values  नहीं दी जा सकती है | Padding के demonstration के लिए आप border का इस्तेमाल कर सकते है | Padding related Properties padding padding-top padding-right padding-bottom padding-left Example for padding property CSS Padding padding property पर आप top right bottom और left के sequence में paddings को set कर सकते है | Example पर  padding:50px;  ये top,right,bottom और left इन चारों paddings के लिये 50px लिया गया है | <p style=" padding:50px; border:1px #000 solid;"> padding:50px; </p> Output : padding:50px; Live Example Example पर  50px  padding ये top,bottom के लिए है और  30px  padding ये right,left के लिये दिया...

CSS-Margins box model margin-top:20px; margin-right:50%; margin-left:50%; margin-bottom:50px; This text has been taken to show the effect of margin-bottom. CSS Margins से element के top, right, bottom और left side के लिए margin दी जाती है | Margins ये negative values भी हो सकती है, लेकिन अगर negative value दी जाती है तो elements एक दुसरे पर overlap होने संभावना होती है | Margins के demonstration के लिए आप border का इस्तेमाल कर सकते है | Margins related Properties margin margin-top margin-right margin-bottom margin-left Example for margin property CSS Margins margin property पर आप top right bottom और left के sequence में margins को set कर सकते है | Example पर  margin:50px;  ये top,right,bottom और left इन चारों margins के लिये 50px लिया गया है | <p style="margin:50px;">margin:50px;</p> Output : margin:50px; Live Example Example पर  50px  margin ये top,bottom के लिए है और  30px ...

CSS Fonts Properties से text/content के font को set किया जाता | इन properties में content को bold, italic, font size और अन्य प्रकार से styling की जाती है | CSS Font Generic Name and Font Family Name Font Generic Name Font Families का group होता है | जैसे कि, Sans-serif(generic) है और उसके अंतर्गत Arial, Arial Black, Agency FB, BankGothic, Calibri और आदि कई Fonts होते है | Font Family Name ये simple fonts name होते है | जैसे कि Arial, Arial Black, Agency FB, BankGothic, Calibri, और आदि कई | Agency FB Antiqua Architect Arial bankFuturistic BankGothic Blackletter Blagovest Calibri Comic Sans MS Courier Cursive Decorative Fantasy Fraktur Frosty Garamond Georgia Helvetica Impact Minion Modern Monospace Open Sans Palatino Roman Sans-serif Serif Script Swiss Times Times New Roman Verdana Most used Web Safe Font...

आपने देखा होगा कि कई websites के text का color अलग-अलग होता है | HTML का default text color ये black होता है, लेकिन अगर कुछ लोग चाहते है तो इस text color को बदल भी सकते है | Text Related CSS Properties color direction letter-spacing text-align text-decoration text-indent text-shadow text-transform word-break white-space word-spacing word-wrap Color Property for Text Color निचे div1, div2 और div3 को एक ही color को अलग-अलग प्रकार से दिया गया है | निचे color को अलग-अलग प्रकार से दी जाने वाली values को दिया गया है | Type of Value Description color_name यहाँ पर color का नाम दिया जाता है | For Example, color : red hexadecimal color code यहाँ पर hex code color भी दिया जाता है | For Example, color : #F00 rgb color code यहाँ पर rgb(red,green,blue) color code भी दिया जाता है | color : rgb(255, 0, 0) hsl color code यहाँ पर hsl(hue,saturation,luminance) color code भी दिया जाता है | color : hsl(360, 100%, 50%) .div1{ color : #F00; /* hexadecimal color code...

CSS को पूरी तरह से सिखने के लिए CSS के Measurement Units को जानना बहुत ही जरुरी है | कभी-कभी HTML Elements को height, width, border या आदि कई properties देने के लिए measurement units का इस्तेमाल किया जाता है | कुछ वक्त तो CSS Measurement Units ये negative भी होते है | For Example, -50px, -1em CSS Measurement Units के दो प्रकार होते है | Absolute Measurement Units Relative Measurement Units Absolute Measurement Units Calculator Absolute Measurement Units Unit cm in mm pc pt px Absolute Measurement Units Live Example for Relative Units Absolute Measurement Units ये अपने हिसाब से और screen resolution के हिसाब से screen पर measurements दर्शाते है | इनका measurement fixed होता है ये दूसरे element से संबंध नहीं रखता है | Absolute Measurement Units Unit Description Example cm(centimeter) ये centimeter measurement होता है | See in Details in(inch) ये inch measurement होता है | See in Details mm(millimeter) ये millimeter measurement होता है | See in D...