سمك الخط هو جانب مهم من تصميم الويب التي يمكن أن تؤثر بشكل كبير على تصور النص بين مستخدمي الإنترنت فريدة من نوعها. هل تريد أن تعرف كيفية تعيين سمك الخط في أتش تي أم أل? في هذه المقالة ، ونحن سوف اقول لكم عن الطرق المختلفة لضبط سمك الخط باستخدام شفرة هتمل.
يوفر شفرة المصدر أتش تي أم أل عدة طرق لتعيين سمك الخط. يمكنك استخدام سمة النمط المضمنة ، والتي تسمح لك بتغيير نمط العنصر. على سبيل المثال ، يمكنك تعيين قيمة سمة وزن الخط إلى "غامق" لتحديد خط غامق.
مثال:
سيتم تمييز هذا النص بالخط العريض.
إذا كنت ترغب في تطبيق سمك الخط على عناصر متعددة ، فإن أفضل حل هو استخدام كس. يمكنك إنشاء فئة أو معرف ، ثم تطبيقه على العناصر المطلوبة لتغيير سمك الخط.
- أساسيات تحديد سمك الخط في هتمل
- علامات لتحديد سمك الخط في هتمل
- استخدام سمة النمط لتعيين سمك الخط
- تعيين سمك الخط باستخدام فئات كس
- تحديد سمك الخط باستخدام ملفات كس الخارجية
- تغيير سمك الخط لعناصر معينة
- تأثير سمك الخط على تصور النص
- خاتمة
أساسيات تحديد سمك الخط في هتمل
1. باستخدام كس:
- كنمط مضمن:
- ):
:
- :
- :
تعيين سمك الخط في هتمل يسمح لك بتغيير مظهر النص ويجعله أكثر تعبيرا. يجب أن نتذكر أن استخدام كس يوفر خيارات أكثر مرونة وقوة لتغيير أنماط الخطوط في هتمل.
علامات لتحديد سمك الخط في هتمل
في هتمل ، يمكنك تعيين خصائص مختلفة للنص ، بما في ذلك سمكها. هناك العديد من العلامات لهذا:
1. : تتيح لك هذه العلامة تعيين سمات مختلفة للخط ، بما في ذلك سمكه. للقيام بذلك ، استخدم سمة الحجم ، والتي تأخذ قيمة رقمية من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر. على سبيل المثال: النص.
2. : تسمح لك هذه العلامة بتعيين الأنماط لجزء معين من النص فقط. لتعيين سمك الخط ، استخدم سمة النمط مع القيمة" وزن الخط: غامق ؛ "(للخط الغامق) أو" وزن الخط: عادي ؛ " (للخط العادي). على سبيل المثال: النص.
3. : تستخدم هذه العلامة لتمييز النص بالخط العريض. على سبيل المثال: النص.
4. : تستخدم هذه العلامة لتمييز النص بخط مائل. على سبيل المثال: النص.
باستخدام العلامات أعلاه ، يمكنك تعيين سمك الخط للعناصر المختلفة على صفحة الويب الخاصة بك في هتمل.
استخدام سمة النمط لتعيين سمك الخط
يمكنك استخدام سمة النمط لتعيين سمك الخط في هتمل. تتيح لك هذه السمة تطبيق الأنماط مباشرة على عنصر ما.
يمكنك استخدام خاصية وزن الخط لتعيين سمك الخط. يمكن أن تكون قيمها:
- عادي: الخط العادي (القيمة الافتراضية)
- جريئة: جريئة
- أخف وزنا: أرق الخط
- أكثر جرأة: خط أكثر جرأة
- القيمة العددية من 100 إلى 900: من الخط الأقل إلى الخط الأكثر جريئة
- وراثة: يرث قيمة الخاصية من العنصر الأصل
لتعيين سمك الخط ، أضف سمة النمط إلى العلامة حيث تريد تغيير الخط. على سبيل المثال ، لتعيين خط غامق لفقرة:
نص الفقرة
يمكنك أيضا تعيين سمك الخط عبر فئة أو معرف باستخدام ملف نمط كس. للقيام بذلك ، أضف القاعدة المناسبة إلى ملف كس وقم بتطبيق الفئة أو المعرف على العلامة المطلوبة.
يتيح لك استخدام سمة النمط ضبط سمك الخط بمرونة في هتمل وتحقيق التأثير المرئي المطلوب.
تعيين سمك الخط باستخدام فئات كس
في هتمل ، يمكننا استخدام فئات كس لتعيين أنماط للعناصر على الصفحة. هذا يسمح لنا بالتحكم بسهولة ومرونة في مظهر النص ، بما في ذلك سمك الخط.
لتعيين سمك الخط باستخدام فئات كس ، تحتاج أولا إلى إنشاء الفئة المناسبة داخل العلامة أو ملف كس خارجي. يتم استخدام خاصية وزن الخط لهذا الغرض. يمكن تعيين قيمة هذه الخاصية في وحدات قياس مختلفة: قيمة رقمية من 100 إلى 900 أو كلمات رئيسية مثل عادي (سمك الخط القياسي) وجريء (غامق).
مثال على فئة لتعيين خط غامق:
.نص غامق {