تلعب الأزرار الموجودة على الموقع دورا مهما في جذب انتباه المستخدمين والتفاعل معهم. ومع ذلك ، في بعض الأحيان قد لا يتطابق حجم الخط على الأزرار مع تصميم الموقع ، أو تحتاج إلى التأكيد على أهميتها. في هذه المقالة ، سوف ننظر في كيفية تغيير حجم الخط من الأزرار على موقع على شبكة الانترنت باستخدام هتمل و كس.
الطريقة الأولى لتغيير حجم الخط على زر هي استخدام الأنماط المضمنة مباشرة في رمز هتمل. للقيام بذلك ، يمكنك استخدام سمة النمط وتعيين حجم الخط باستخدام خاصية حجم الخط المغلق. على سبيل المثال:
انقر لي
في هذا المثال ، سيكون حجم خط الزر 20 بكسل. ومع ذلك ، لا يوصى باستخدام الأنماط المضمنة عند إنشاء مواقع معقدة وقابلة للتطوير ، لأن هذا يعقد الصيانة والتحديث.
وهناك طريقة أكثر مرونة وفعالية لتغيير حجم الخط من زر على موقع على شبكة الانترنت هو استخدام أنماط كس الخارجية. للقيام بذلك ، تحتاج إلى إنشاء ملف كس ، توصيله إلى وثيقة هتمل الخاص بك ، وتحديد أنماط للأزرار. على سبيل المثال:
انقر لي
في هذا المثال ، تطبق فئة" الزر الخاص بي " نمطا بحجم خط 24 بكسل على جميع الأزرار مع هذه الفئة. يتيح لك هذا الأسلوب إعادة استخدام الأنماط لعناصر مختلفة ويسهل الحفاظ على الكود.
- كيف يمكنني زيادة حجم الخط من زر على موقع على شبكة الانترنت?
- استخدام خاصية حجم الخط المغلق
- تعيين سمة النمط لعلامة الزر
- توصيل ملف كس خارجي لتغيير نمط الأزرار
- تطبيق فئة على زر لتغيير أسلوبها
كيف يمكنني زيادة حجم الخط من زر على موقع على شبكة الانترنت?
إذا كنت بحاجة إلى تغيير حجم خط زر على موقعك ، فستحتاج إلى استخدام أنماط كس. تسمح لك أنماط كس بالتحكم في مظهر عناصر هتمل.
في المغلق.
مثال:
| أتش تي أم أل | المغلق |
|---|---|
بلدي زر | زر { |
في هذا المثال ، سيتم تعيين حجم خط الزر على 20 بكسل. يمكنك تغيير قيمة العقار
حجم الخط
إلى واحد تحتاج.
يمكنك أيضا استخدام وحدات القياس الأخرى مثل النسب المئوية ( ٪ ) ، م (م) أو النقاط (حزب العمال) لتعيين حجم الخط من الزر.
لتغيير حجم خط زر على موقع ويب ، يمكننا استخدام خاصية كس
حجم الخط
. تتيح لك هذه الخاصية تعيين حجم خط عنصر في وحدات قياس مختلفة. | قبل تطبيق هذه الخاصية على زر ، دعنا ننشئ ورقة أنماط نحدد فيها فئة للزر. سيساعدنا هذا في إدارة أنماط الأزرار بشكل مستقل عن العناصر الأخرى على الموقع. |
الآن ، لتغيير حجم خط الزر ، أضف نمطا إلى الفصل
.زر
.
حجم الخط: 16 بكسل;
}
إلى عنصر الزر في ترميز هتمل.
الصحافة
|
.زر
. يمكنك تغيير قيمة العقار
|
في الاسلوب لتحقيق حجم الخط المطلوب للزر الخاص بك.
تعيين سمة النمط لعلامة الزر
لتغيير حجم خط زر في صفحة ويب ، يمكنك استخدام سمة النمط في علامة الزر.
على سبيل المثال ، لتعيين حجم خط الزر على 16 بكسل ، تحتاج إلى إدراج الكود التالي:
نص الزر
يستخدم هذا الرمز سمة النمط ، والتي تسمح لك بتطبيق خصائص كس على عناصر هتمل. في حالتنا ، قمنا بتعيين حجم الخط باستخدام خاصية حجم الخط وتحديد القيمة 16 بكسل.
يمكنك أيضا استخدام وحدات قياس أخرى ، مثل إم ، ريم ، ٪ ، وغيرها. على سبيل المثال ، لتعيين حجم خط زر إلى 1.5 م ، يمكنك استخدام التعليمات البرمجية التالية:
نص الزر
وبالتالي ، باستخدام سمة النمط ، يمكنك بسهولة تغيير حجم خط الأزرار على صفحة الويب ، وتحقيق التأثير المرئي المطلوب. في الوقت نفسه ، من المهم أن تضع في اعتبارك دعم الأنماط في مختلف المتصفحات والأجهزة.
توصيل ملف كس خارجي لتغيير نمط الأزرار
لتغيير نمط الأزرار على موقعك ، يمكنك استخدام اتصال ملف كس خارجي. للقيام بذلك ، تحتاج إلى اتباع الخطوات التالية:
1. إنشاء ملف جديد مع التمديد.المغلق وحفظه على الخادم الخاص بك أو في مجلد المشروع المحلي.
2. الصق الكود التالي داخل ملف كس الخاص بك:
"'المغلق
.زر {
حجم الخط: 16 بكسل;
/ * أنماط إضافية للأزرار */
}
3. تحميل هذا الملف المغلق إلى موقع الويب الخاص بك أو الخادم.
4. الصق الكود التالي داخل "القسم" من مستند هتمل لتوصيل ملف كس خارجي:
"'أتش تي أم أل
5. الآن يمكنك تطبيق النمط من ملف كس إلى الأزرار الموجودة على موقعك عن طريق إضافة فئة" زر " إلى عنصر هتمل من الزر:
"'أتش تي أم أل
انقر على لي