يعد التنسيق الصحيح للنص على صفحات الويب عنصرا مهما في التصميم ويحسن إدراك المستخدمين للمعلومات. أحد الجوانب الرئيسية لتنسيق النص هو تحديد حجم الخط. في هذه المقالة ، سننظر في كيفية إنشاء قاعدة لفئة بحجم خط 36 بكسل.
أولا ، تحتاج إلى إنشاء ملف كس وإضافة القاعدة التالية إليه:
. صفي {
حجم الخط: 36 بكسل;
}
في هذا المثال ، نستخدم محدد فئة فئتي لتطبيق هذا النمط فقط على العناصر التي تحتوي على هذه الفئة. داخل الأقواس { } ، يتم تعيين خاصية حجم الخط بقيمة 36 بكسل ، والتي تتوافق مع حجم الخط.
بعد إنشاء قاعدة ، يمكنك تطبيقها على العنصر المطلوب في صفحة الويب عن طريق إضافة فئة صفي إلى العلامة المقابلة. على سبيل المثال:
نص بحجم خط 36 بكسل
الآن سيكون للنص الموجود داخل هذه العلامة حجم خط 36 بكسل.
- القاعدة للفئة وحجم الخط
- إنشاء نمط بحجم خط معين
- تحديد فئة في مستند هتمل
- إضافة نمط إلى فئة
القاعدة للفئة وحجم الخط
لتعيين حجم خط معين في هتمل ، يمكنك استخدام خاصية كس "حجم الخط". لتطبيق هذه الخاصية على فئة معينة ، تحتاج إلى إنشاء قاعدة مناسبة. على سبيل المثال ، إذا أردنا تعيين حجم الخط على 36 بكسل ، فيمكننا إنشاء فئة تسمى "الخط الكبير" وتطبيق القاعدة التالية عليها:
.خط كبير {
حجم الخط: 36 بكسل;
}
الآن بعد أن طبقنا النمط على فصلنا ، يمكننا تطبيقه بسهولة على أي عنصر في مستند هتمل عن طريق إضافة سمة "الفئة" مع القيمة "الخط الكبير" إليها. على سبيل المثال:
نص بحجم خط 36 بكسل
وبالتالي ، يمكننا بسهولة تعيين وتغيير حجم الخط لفئة معينة في مستند هتمل باستخدام خاصية كس "حجم الخط" وإنشاء القاعدة المناسبة.
إنشاء نمط بحجم خط معين
لإنشاء نمط بحجم خط محدد يبلغ 36 بكسل في هتمل ، يجب عليك استخدام أوراق الأنماط المتتالية (كس).
نموذج التعليمات البرمجية:
الآن النص داخل العلامة
سيتم عرضه بخط بالحجم المحدد-36 بكسل.
تحديد فئة في مستند هتمل
في مستند هتمل ، يتم استخدام الفئات لتجميع العناصر التي تشترك في أنماط أو وظائف شائعة. يتيح لك تحديد فئة تطبيق نفس الخصائص على عناصر متعددة في الصفحة.
لتحديد فئة في مستند هتمل ، يجب عليك استخدام سمة الفئة. يمكن أن تكون قيمة سمة الفئة أي سلسلة ، ولكن يوصى باختيار اسم ذي معنى يعكس الغرض من الفئة.
مثال على تحديد فئة مع تعيين حجم الخط إلى 36 بكسل:
فئة
وملف مع أنماط كس. يمكن تغيير حجم الخط للفئة باستخدام الخاصية
| حجم الخط | . |
| |
. داخل هذا النمط ، وضعنا الخاصية
حجم الخط
فئة