Skip to main content

CSS - CSS Measurement Units kya h in hindi

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
Unitcminmmpcptpx

Absolute Measurement Units

Live Example for Relative Units


Absolute Measurement Units ये अपने हिसाब से और screen resolution के हिसाब से screen पर measurements दर्शाते है | इनका measurement fixed होता है ये दूसरे element से संबंध नहीं रखता है |
Absolute Measurement Units
UnitDescriptionExample
cm(centimeter)ये centimeter measurement होता है |See in Details
in(inch)ये inch measurement होता है |See in Details
mm(millimeter)ये millimeter measurement होता है |See in Details
pc(picas)ये pica measurement होता है |See in Details
pt(point)ये point measurement होता है |See in Details
px(pixel)Universal Unit. ये pixel measurement होता है |See in Details

Relative Measurement Units

Live Example for Relative Units


Relative Measurement Units ये दूसरों Element से संबंध रखके अपना measurement दर्शाते है |
Relative Measurement Units
UnitDescriptionExample
%(percentage)ये measurement किसी दूसरी value से संबंधित होता है |See in Details
em(emphasis)ये current font के मुताबिक चलता है | if 1em = font-size, 2em = 2 * font-sizeSee in Details
ex(x-height)ये current font के x-height मुताबिक चलता है |See in Details
rem(root element)root element(<html>) के मुताबिक चलता है |See in Details
vmax(viewport maximum width, height)Responsive. Maximum width और height के 1% होता है |See in Details
vmin(viewport minimum width, height)Responsive. Minimum width और height के 1% होता है |See in Details
vh(viewport height)Responsive. Viewport height के 1% होता है |See in Details
vw(viewport width)Responsive. Viewport width के 1% होता है |See in Details

Labels:

Comments

Post a Comment

Popular posts from this blog

Create a Responsive Login Form in HTML and CSS in Hindi

Create a Responsive Login Form in HTML and CSS in Hindi                                                              Login Form in HTML and CSS In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step. As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi. Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi. background-image: linear-gradient(to top right,...
Post a Comment
Read more

CSS - CSS Colors in hindi, css color kese select kre , kya h.

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;...
Post a Comment
Read more

CSS - CSS Fonts in hindi, css font kya h,css font use kese kre,hindi me Technamdev.blogspot.com

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...
Post a Comment
Read more