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

Question

Css measurement

Answer 1

Thanks

Answer 2

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

Answer 3

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

Answer 4

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.

Answer 5

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

Answer 6

The Joker, uncomment them and you will see ☺️

Answer 7

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

Answer 8

I'm sorry for asking a stupid question

Answer 9

The Joker, and what will it give me?

Answer 10

The Joker
I tried it but nothing changed.

Answer 11

The Joker, that's another matter 😉

Answer 12

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.

Answer 13

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.

Answer 14

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

Answer 15

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

Answer 16

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.

Answer 17

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.

Answer 18

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".

Answer 19

Which means it's stupid

Answer 20

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