غالبا ما تستخدم صفحات الويب علامات لتمييز العناصر المهمة أو إنشاء قوائم مرقمة وذات تعداد نقطي. ومع ذلك ، في بعض الأحيان قد يبدو حجم خط العلامات صغيرا وغير جذاب. إذا كنت ترغب في تغيير حجم خط العلامات ، فهناك بعض النصائح العملية التي ستساعدك على تحقيق النتيجة المرجوة. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة والفعالة لزيادة حجم خط العلامات.
الطريقة الأولى هي استخدام التصميم المغلق. يمكنك استخدام خاصية حجم الخط لتغيير حجم خط العلامات. على سبيل المثال ، يمكنك إضافة التعليمات البرمجية التالية إلى ملف نمط كس الخاص بك:
المجاهدين {
حجم الخط: 20 بكسل;
}
في هذا المثال ، قمنا بتعيين حجم الخط إلى 20 بكسل لقائمة ذات تعداد نقطي. يمكنك تغيير قيمة خاصية حجم الخط لتحقيق الحجم المطلوب.
إذا كنت لا تريد استخدام كس ، يمكنك استخدام علامة النمط مباشرة في رمز هتمل. على سبيل المثال:
في هذا المثال ، قمنا بتعيين حجم الخط إلى 20 بكسل للقائمة النقطية. يمكنك تغيير قيمة سمة النمط وتطبيق حجم الخط المطلوب.
- زيادة حجم الخط من علامات: توصيات فعالة
- استخدام خاصية "حجم الخط" في كس
- تطبيق سمة "النمط" على علامة " لي
- تغيير حجم الخط باستخدام الإضافات والمكتبات
- استخدام أحرف هتمل بدلا من علامات محددة مسبقا
زيادة حجم الخط من علامات: توصيات فعالة
يمكن أن تكون زيادة حجم خط العلامات مفيدة إذا كنت تريد جعل النص أكثر قابلية للقراءة والتعبير. في هذه المقالة ، سنشارك بعض التوصيات الفعالة التي ستساعدك على زيادة حجم خط العلامات.
واحدة من أسهل الطرق لزيادة حجم الخط من علامات هو استخدام أنماط كس. للقيام بذلك ، أضف الكود التالي إلى ملف النمط الخاص بك:
| المجاهدين { | حجم الخط: 20 بكسل; | } |
في التعليمات البرمجية أعلاه ، استخدمنا محدد" أول " ، والذي ينطبق على جميع القوائم رصاصة على الصفحة. ثم قمنا بتعيين حجم الخط إلى 20 بكسل ، ولكن يمكنك تغيير هذه القيمة وفقا لتفضيلاتك.
إذا كنت ترغب في زيادة حجم الخط من علامات فقط في قائمة محددة ، يمكنك استخدام فئة أو معرف. على سبيل المثال:
| . قائمتي { | حجم الخط: 18 بكسل; | } |
| # قائمتي { | حجم الخط: 18 بكسل; | } |
في الأمثلة أعلاه ، استخدمنا فئة "قائمتي" ومعرف "# قائمتي " ، على التوالي. ما عليك سوى إضافة الفئة أو المعرف المناسب إلى علامة قائمة العلامات ، وتعيين حجم الخط المطلوب.
هناك طريقة أخرى لزيادة حجم خط العلامات وهي استخدام خاصية "حجم الخط" في كود هتمل. على سبيل المثال:
في المثال أعلاه ، قمنا بتعيين حجم خط العلامة على 22 بكسل ، مع تطبيق النمط مباشرة في رمز هتمل لقائمة العلامات.
لا تنس أن تغيير حجم خط العلامات يمكن أن يؤثر على المظهر العام لصفحتك ، لذا كن حذرا واختبر تغييراتك.
استخدام خاصية "حجم الخط" في كس
الخاصية "حجم الخط" في كس يسمح لك لتعيين حجم الخط لعنصر هتمل. هذه خاصية مفيدة للغاية يمكن استخدامها لتغيير حجم خط العلامات.
لتعيين حجم الخط باستخدام خاصية" حجم الخط " ، يجب تحديد الحجم المطلوب بوحدات القياس (على سبيل المثال ، وحدات البكسل أو النسب المئوية). على سبيل المثال ، لزيادة حجم خط العلامات بمقدار 20 بكسل ، يمكنك استخدام رمز كس التالي:
| محدد | قاعدة المغلق |
|---|---|
| p | حجم الخط: 20 بكسل; |
في المثال أعلاه ، يشير محدد "ص" إلى أنه يجب تطبيق خاصية "حجم الخط" على جميع الفقرات في مستند هتمل. تحدد القيمة "20 بكسل" حجم الخط بـ 20 بكسل.
بالإضافة إلى استخدام قيمة معينة ، يمكنك أيضا تحديد قيمة نسبية لحجم الخط. على سبيل المثال ، يمكنك استخدام النسب المئوية أو القيم النسبية مثل "أصغر" أو "أكبر" لتعيين حجم الخط بالنسبة للحجم الحالي. على سبيل المثال:
| محدد | قاعدة المغلق |
|---|---|
| p | حجم الخط: 125%; |
في المثال أعلاه ، سيتم زيادة حجم الخط بنسبة 25 ٪ من الحجم الحالي.
إن استخدام خاصية" حجم الخط " يجعل من السهل زيادة أو تقليل حجم خط العلامات ، مما يجعل النص أكثر قابلية للقراءة وجاذبية للقراء.
تطبيق سمة "النمط" على علامة " لي
لتغيير حجم خط العلامات في القائمة ، يمكنك استخدام سمة "النمط" في علامة "لي". تسمح لك سمة" النمط " بتعيين أنماط مختلفة للعناصر في هتمل.
لزيادة حجم خط العلامات ، يكفي إضافة سمة" النمط "إلى علامة" لي "وتعيين قيمة خاصية" حجم الخط". على سبيل المثال:
| كود أتش تي أم أل | النتيجة |
|---|---|
| |
|
يتم تحديد قيمة خاصية "حجم الخط" بالبكسل (بكسل). كلما زادت القيمة ، كلما كان خط العلامة أكبر.
بالإضافة إلى تغيير حجم خط العلامات ، يمكنك استخدام سمة "النمط" لتعيين أنماط أخرى ، مثل اللون ، والخط العريض ، والتسطير ، وما إلى ذلك. على سبيل المثال ، يمكنك إضافة الخصائص التالية:
| كود أتش تي أم أل | النتيجة |
|---|---|
| |
| |
|
وبالتالي ، باستخدام سمة" النمط " ، يمكنك تغيير أنماط مختلفة من العلامات في القائمة ، بما في ذلك حجم الخط.
تغيير حجم الخط باستخدام الإضافات والمكتبات
هناك العديد من المكونات الإضافية والمكتبات التي تسمح لك بتغيير حجم خط العلامات على صفحة الويب. يوفر بعضها حلولا جاهزة لهذه المهمة ، بينما يسمح لك البعض الآخر بضبط حجم الخط وفقا لاحتياجاتك الخاصة.
واحدة من هذه الإضافات هو الخط رهيبة. الخط رهيبة هي مجموعة من الرموز والرموز التي يمكن استخدامها في تطوير الشبكة. ويوفر القدرة على تعيين الخط من علامات على صفحة ويب وضبط حجمها باستخدام الطبقات وأنماط كس.
لاستخدام الخط رهيبة ، تحتاج إلى توصيل المكتبة إلى المشروع الخاص بك عن طريق إضافة السطر التالي من التعليمات البرمجية إلى قسم من وثيقة هتمل الخاص بك:
بعد ذلك ، يمكنك استخدام رموز الخط رهيبة في التعليمات البرمجية الخاصة بك عن طريق إضافة الفئة المناسبة إلى العنصر. على سبيل المثال ، لإضافة علامة بسهم لأسفل ، يمكنك استخدام الكود التالي:
لتغيير حجم الخط من علامات باستخدام الخط رهيبة ، يمكنك استخدام الطبقات "فا-إل جي" لزيادة حجم بنسبة 33 ٪ ، "فا-2س" لمضاعفة حجم ، وهلم جرا. على سبيل المثال:
إذا كنت ترغب في ضبط حجم الخط من علامات مع إعداد أكثر دقة ، يمكنك استخدام أنماط كس. على سبيل المثال:
الخط رهيبة هو مجرد مثال واحد من الإضافات والمكتبات التي تقدم طرق لتغيير حجم الخط من علامات على صفحة ويب. استكشاف الأدوات المتاحة واختيار أنسب واحد لاحتياجاتك.
استخدام أحرف هتمل بدلا من علامات محددة مسبقا
إذا كنت لا تحب علامات مسبقا في هتمل ، يمكنك استخدام أحرف هتمل لإنشاء علامات خاصة بك. أحرف هتمل هي رموز خاصة يتم استخدامها في مستندات هتمل لعرض أحرف خاصة.
على سبيل المثال ، يمكنك استخدام الرمز "diamond" (الماس الأسود) لإنشاء علامة بدلا من علامة الجولة القياسية. للقيام بذلك ، تحتاج إلى إدراج التعليمات البرمجية التالية:
Example مثال على علامة في شكل الماس الأسود.
نتيجة لذلك ، سيكون لديك علامة على شكل ماسة سوداء أمام النص.
(السهم الأبيض إلى اليمين) أو "mark" (علامة الاختيار) لإنشاء أنواع مختلفة من علامات. مجرد العثور على الحرف المطلوب ولصقه في رمز هتمل من صفحتك.
يمنحك استخدام أحرف هتمل للعلامات مزيدا من المرونة والتحكم في مظهرها. ومع ذلك ، ضع في اعتبارك أنه قد لا تكون جميع الأحرف مدعومة من قبل جميع المتصفحات وأنظمة التشغيل. لذلك ، قبل استخدام الأحرف غير القياسية ، تأكد من عرضها بشكل صحيح على مختلف الأجهزة والأنظمة الأساسية.