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