Hello! Well I am back from a long break to post the second part of this series. I got little, but valuable, feedback on my last post, mostly verbally and on twitter. I encourage you guys to leave feedback in the comments. Any questions are also welcome.

Last time we learnt about percent (%). Today we will learn about pixels (px).

2. Pixel (px)

Type: Absolute

Pixel stands for Picture element. Just as with the percent unit, all CSS properties that accept values of measurement support the pixel unit (this holds true for all CSS units of measurement actually, I won’t be repeating this henceforth).

The pixel is the most important unit in the computer graphics domain. Why? Well there are a couple of reasons, both scientific and human:Continue reading

Hi there! So my readers are here for the promised post on CSS units. I sure am happy and I won’t dissappoint.

Due to the sheer length of the post I decided that I will do this article in a part series. Even then, I have made some assumptions that the reader must know:

  • Defining CSS classes and how to apply them on elements
  • CSS parent-child class hierarchy

For those of you who need to brush-up their CSS skills W3Schools has a good CSS reference section and, of-course, there’s no substitute for self-practice.

If you are aware (or even slightly so) of the above then let’s begin.

Continue reading