نحتاج القياسات في كثير من الاستخدامات مثل تحديد حجم الخط و عرض وطول العناصر والمسافات بين العناصر وغيرها الكثير. يوجد نوعان من الوحدات:
- وحدات ذات ابعاد ثابتة Absolute: اي ان طول القياس ثابت لا علاقة له بالعناصراو الخاصيات الاخرى .
- وحدات ذات ابعاد نسبية Relative: اي ان طول القياس يكون نسبي لعناصر او خاصيات اخرى.
وحدات ذات ابعاد ثابتة Absolute
هي وحدات ذات اطوال ثابتة، اي لا تتغير بتغر العناصر او الخاصيات.
| الوحدة | الوصف | مثال |
|---|---|---|
| px | هي وحدة البيكسل Pixel .ويكون القياس نسبة الى حجم الشاشة (البيكسل هو وحدة دقة الشاشة) | height:30px |
| cm | هي وحدة السنتيمتر | height:2cm |
| in | هي وحدة البوصة inch | size:2in |
| pt | هي وحدة النقطة point وهي تمثل 1/72 من البوصة inch | font-size:10pt |
وحدات ذات ابعاد نسبية Relative
هي وحدات ذات اطوال نسبية لعناصر او خاصيات اخرى.
| الوحدة | الوصف | مثال |
|---|---|---|
| % | تكون الابعاد نسبة الى العناصر التي تحتويها (نسبة الى العنصر الاب parent). | height:150% |
| em | هي وحدة يكون الابعاد الى نسبة حجم خط العنصر | word-spacing:2em |