How can I be good at css measurement. How will I know what 200px or 2cm is. Is there a ruler I can download to measure a webpage | Sololearn: Learn to code for FREE!

0

How can I be good at css measurement. How will I know what 200px or 2cm is. Is there a ruler I can download to measure a webpage

Css measurement

11/12/2021 10:34:51 PM

The Joker

27 Answers

New Answer

+6

Thanks

+6

You may be interested in this ☺️: https://code.sololearn.com/Wu7D6rBUIqmy/?ref=app

+3

It's not a stupid question at all. Just one that could easily be resolved with a web search.

+3

I wrote alot of CSS and HTML to the point that i could always almost precisely predict the right measurement for any of my elements. If u keep at it, u will get used to it. PLUS to make to things easier for me, i always set my font-size to 62.5% so that i could precisely know my measurements when i use rem units. 5rem will equal 50px oh, i will also advice you to use DevTools in your browser to check your measurements.

+2

For that you should try to make more code projects. As it will give you the knowledge of specific px or cm value.

+2

The Joker, uncomment them and you will see ☺️

+2

If you use chrome, try using Firefox box models. It'll help you trying various measurements and that can be of help

+1

I'm sorry for asking a stupid question

+1

The Joker, and what will it give me?

+1

The Joker I tried it but nothing changed.

+1

The Joker, that's another matter πŸ˜‰

+1

The Joker, ok, but I'll leave it as it is for now, I just started writing it specifically for your question, so that you can navigate in size when creating a web page.

+1

Maybe you're in the point where you tried to make a box, such as div with width of 500px, resizing the browser, like making it smaller or expanding will cause the elements to be deformed or having the results that you don't want and feel that you don't have the power over them. If you want more control over your project, you should learn the responsive web course here in html, and it will give you more control over your project. You will learn more about measurements if you learn that course.

+1

You can use min-width to specify the minimum width of the box when you shrink the browser to lowest. max-width does the opposite

+1

Your ultimate goal is not knowing how many cm your elements will be. You want your webpage to look good when users browse it. To achieve this, you need viewport units and media query https://code.sololearn.com/WrgbrFC038ma/?ref=app

+1

The Joker yeah, what I mean is, you can have many blocks or box(elements) in one line, but with the help of responsive web, you can make them go down like this: Think of this as a blocks in one line [] [] [] [] [] [](PC browser) [] [] (Phone view) [] [] [] [] Knowing responsive web is what you need, every device have different screen size, what is the point of making a block of element in to 600px, if other device have different screen size. For example, you make a website using pc, and it looks beautiful, but if you view it, using tablet or phone, that would look ugly.

+1

Just try the measurements out and see how they look on screen the best one is 'em' and 'rem' for fonts and small elements and Vh and VW for containers you can also use percentages.

0

How could you possibly figure this out? If only there were special websites using machine learning where you can go to look for information. You could call them "looking for things machines".

0

Which means it's stupid

0

Check out my project on my profile. Tell me if it's nice. If you have any corrections tell me