كس لديها عدة وحدات مختلفة من القياس التي تسمح لك لتعيين حجم الخط. كل واحد منهم له خصائصه الخاصة ومناسبة لحالات مختلفة. تعد القدرة على استخدام وحدات القياس هذه بشكل صحيح مهارة أساسية لإنشاء مواقع ويب جميلة وقابلة للقراءة.
واحدة من وحدات الخط الأكثر شيوعا في كس هو بكسل (بكسل). البكسل هو وحدة مطلقة ويعني حجم الخط الفعلي على الشاشة. تسمح لك وحدات البكسل بالتحكم بدقة في حجم الخط ، ولكن لها بعض العيوب. على سبيل المثال ، قد يبدو خط البكسل صغيرا جدا على الأجهزة عالية الدقة وكبيرا جدا على الشاشات منخفضة الدقة.
وحدة قياس أخرى يمكن استخدامها لتعيين حجم الخط هي النسبة المئوية ( ٪ ). تشير النسبة المئوية إلى حجم خط العنصر الأصل. على سبيل المثال ، إذا تم تعيين خط العنصر الأصل على 16 بكسل ، فإن تعيين حجم الخط على 100 ٪ يعني 16 بكسل. وبالمثل ، سيكون حجم الخط 50 ٪ 8 بكسل. يتيح لك استخدام النسب المئوية إنشاء تصميمات سريعة الاستجابة تبدو جيدة على أي جهاز.
وحدة م هي وحدة النسبية التي تشير إلى حجم الخط من عنصر. واحد م يساوي حجم الخط من العنصر الأصل. على سبيل المثال ، إذا كان العنصر الأصل يحدد حجم الخط إلى 16 بكسل ، ثم 1 م سيكون 16 بكسل ، و 2 م سيكون 32 بكسل. يتيح لك استخدام وحدة القياس إم إنشاء تصميمات مرنة وقابلة للتطوير يسهل تغييرها في المستقبل.
- أنواع وحدات القياس في كس
- وحدات القياس المطلقة
- وحدات القياس النسبية
- استخدام وحدات القياس في المغلق
أنواع وحدات القياس في كس
تستخدم وحدات القياس المغلق لتحديد أحجام العناصر المختلفة على صفحة الويب ، بما في ذلك الخطوط والهوامش والحدود والعديد من المعلمات الأخرى.
هناك عدة أنواع من وحدات القياس في كس:
- الوحدات المطلقة: هذه هي وحدات القياس التي لها قيمة ثابتة ومستقلة عن المعلمات الأخرى. بعض الوحدات المطلقة الأكثر استخداما في كس تشمل بكسل (بكسل) ، النقاط (بت) ، بوصة (في) ، و ملليمتر (مم). وحدات البكسل هي وحدة القياس المطلقة الأكثر شيوعا في كس.
- الوحدات النسبية: يتم تحديد وحدات القياس هذه بالنسبة إلى معلمات أخرى ، مثل حجم خط العنصر الأصل أو الحجم الحالي لنافذة المتصفح. بعض الوحدات النسبية الأكثر استخداما في كس تشمل النسب المئوية ( ٪ ) ، إم ، و ريم.
يعتمد اختيار وحدة القياس المناسبة في كس على السياق المحدد ومتطلبات التصميم. غالبا ما تستخدم الوحدات المطلقة لتحديد أبعاد العناصر بدقة ، في حين أن الوحدات النسبية يمكن أن تكون مفيدة في إنشاء تصميم مرن وسريع الاستجابة.
وحدات القياس المطلقة
في كس ، هناك وحدات قياس مطلقة تحدد أحجام الخطوط بغض النظر عن إعدادات البيئة. هذا يسمح لك لخلق أنماط أكثر قابلية للتنبؤ ومتسقة.
فيما يلي بعض وحدات القياس المطلقة الأكثر شيوعا:
- بكسل بكسل. هذه هي وحدة القياس المطلقة الأكثر شيوعا وعادة ما تستخدم لتعيين حجم الخط بدقة.
- نقطة حزب العمال. غالبا ما تستخدم وحدة القياس هذه في المنتجات المطبوعة ، حيث تساوي 1 نقطة 1/72 من البوصة.
- مم-ملليمتر. تستخدم وحدة القياس هذه بشكل أساسي في المنتجات المطبوعة وتضبط حجم الخط بالمليمترات.
- سم-سم. تستخدم وحدة القياس هذه أيضا لتعيين حجم الخط في المنتجات المطبوعة ، ولكن بالسنتيمتر.
- في بوصة. تستخدم وحدة القياس هذه بشكل أساسي لتحديد الأبعاد بالبوصة.
تسمح لك وحدات القياس المطلقة بالتحكم بدقة أكبر في حجم النص على صفحة الويب ، ولكنها ليست قابلة للتكيف وقد تكون أقل ملاءمة للعمل بدقة شاشة مختلفة.
وحدات القياس النسبية
بالإضافة إلى وحدات القياس المطلقة ، كس كما يوفر استخدام الوحدات النسبية ، والتي تسمح لك لتعيين أحجام الخطوط بما يتناسب مع حجم العناصر الأخرى على صفحة ويب. عند استخدام الوحدات النسبية ، سيكون حجم الخط أكثر تكيفا ويتوافق مع دقة الشاشة المختلفة.
هناك العديد من وحدات القياس النسبية التي يمكن استخدامها لتعيين حجم الخط:
| الوحدة | الوصف |
|---|---|
| من م | وحدة النسبية التي تشير إلى حجم الخط نسبة إلى حجم الخط للعنصر الذي يتم استخدامه. قيمة 1 م تعادل حجم خط العنصر الأصل. |
| ريم | وهو مشابه لوحدة إم ، ولكن يتم استخدامه بالنسبة لحجم الخط من عنصر الجذر (عادة ). قيمة 1 ريم تساوي حجم الخط المحدد لعنصر الجذر. |
| % | تعيين حجم الخط كنسبة مئوية من حجم الخط للعنصر الأصل. على سبيل المثال ، ستتوافق قيمة 100 ٪ مع حجم خط العنصر الأصل. |
| فولكس فاجن | وحدة نسبية تشير إلى حجم الخط كنسبة مئوية من عرض نافذة المتصفح. قيمة 1 فولت واط تساوي 1 ٪ من عرض نافذة المتصفح. هذه الوحدة مفيدة بشكل خاص لإنشاء تصميم سريع الاستجابة. |
| ف | وهو مشابه لوحدة فولكس فاجن ، ولكنه يستخدم لتحديد حجم الخط كنسبة مئوية من ارتفاع نافذة المتصفح. |
يتيح لك استخدام وحدات القياس النسبية إنشاء صفحة ويب أكثر مرونة واستجابة تبدو جيدة على الأجهزة المختلفة ودقة الشاشة.
استخدام وحدات القياس في المغلق
تستخدم وحدات قياس كس لتعيين أحجام العناصر والنص. يلعب استخدام وحدة القياس الصحيحة دورا مهما في إنشاء تصميم صفحة ويب مرن وسريع الاستجابة.
هناك عدة وحدات قياس مختلفة يمكن استخدامها في كس. وهنا بعض منهم:
بكسل (بكسل): بكسل هي وحدة القياس الأكثر شيوعا في المغلق. إنها وحدة قياس مطلقة تحدد العدد الدقيق للبكسل من ارتفاع أو عرض العنصر.
النسب المئوية ( ٪ ): تستخدم النسب المئوية لتعيين حجم العناصر بالنسبة لحجم العنصر الأصلي. على سبيل المثال ، إذا قمت بتعيين عرض عنصر إلى 50٪ ، فسوف يستغرق نصف عرض الأصل.
م: تستخدم وحدة القياس الكهرومغناطيسية أيضا لتعيين الأبعاد المتعلقة بحجم العنصر الأصلي. ومع ذلك ، تعتمد وحدة القياس هذه على حجم الخط الحالي للعنصر أو الأصل.
ريم: ريم هي وحدة قياس نسبية تعتمد على حجم خط عنصر الجذر (هتمل). يسمح لك بتعيين حجم العناصر بالنسبة إلى قيمة حجم الخط لعنصر الجذر.
اختيار وحدة القياس الصحيحة في كس يعتمد على حاجتك المحددة. غالبا ما تستخدم وحدات البكسل (بكسل) للتحكم بدقة في حجم العناصر. يمكن أن تكون النسب المئوية ( ٪ ) والنسبة المئوية مفيدة لإنشاء تصميم سريع الاستجابة يتكيف تلقائيا مع أحجام الشاشة المختلفة. يتم استخدام حركة العين السريعة لإنشاء تخطيط مرن يعتمد على الخطوط.
من المهم أن تضع في اعتبارك أنه عند استخدام وحدات القياس النسبية ، من الضروري مراعاة أحجام العناصر الأصلية وتغييرات الخط لتجنب النتائج غير المتوقعة. تجدر الإشارة أيضا إلى أن استخدام وحدات القياس المطلقة يمكن أن يؤدي إلى مشاكل في استجابة صفحة الويب وقابليتها للتوسع.