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