How does one know exact pixel size / relationships between CSS elements?

StackOverflow https://stackoverflow.com/questions/4581183

  •  14-10-2019
  •  | 
  •  

Question

I'm diving into CSS in an effort to be more well-rounded. I'm currently reading "Designing with Web Standards" which is great so far.

My question is, when you get a mockup in PSDs, how do you know the exact pixel dimensions of backgrounds, images, various blocks/divs, font-sizes, etc?

I'll most likely be using Photoshop to work with files.

Was it helpful?

Solution

Photoshop has a grid tool and rulers. You can measure it there. It's pretty accurate. take a look at this img.

these are inches by the way, you can change it to pixels.

alt text

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top