When specifying a length, we must include one of the many different unit systems offered by CSS. The three categories of lengths - relative, absolute, and percentages.
Relative lengths are relative to their containing element, or a certain property. This is useful because it allows your content to scale according to the surrounding elements' settings.
Note: The viewport is the length and width of the current viewing size of one's browser window.
Absolute lengths do not depend on any other elements.
These give web designers the ability to give a precise length to any element.
The most popular absolute length is the pixel, which is a single dot on the computer screen.
For example, screens with a 1280x720 resolution means it has 921600 small pixels that show the display. Each dot changes color depending on what you're viewing. Specifying a length in pixels (px) allow for designers to be very precise in how much space their text makes up.
Additionally, there are print lengths that can be used, but rarely are. These include points, inches, centimers, millimeters and picas. These are mainly used in print media, and web developers rarely use them.
Congratulations! You have just finished CSS Fundamentals. Get up, take a stretch and pat yourself on the back. Now let's move onto CSS Text section! :-)
This foam seat cushion relieves lowerback pain, numbness and pressure sores by promoting healthy weight distribution, posture and spine alignment. Furthermore, it reduces pressure on the tailbone and hip bones while sitting. Perfect for sitting on the computer desk for long periods of time.$ Check price
Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of how to get the best appearance from type without sacrificing performance on any device.$ Check price