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