علامة هتمل ديف هي واحدة من عناصر الترميز الرئيسية المستخدمة في هتمل و كس. إنها تعني عنصر كتلة يسمح لك بإنشاء حاويات لتجميع العناصر على صفحة ويب. واحدة من السمات الأكثر فائدة من علامة ديف هو القدرة على تعيين حجم الخط داخل الحاوية.
يتم تعيين حجم الخط داخل ديف باستخدام خاصية حجم الخط المغلق. تتيح لك هذه الخاصية تعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. على سبيل المثال ، لتعيين حجم خط 16 بكسل داخل ديف ، يمكنك استخدام رمز كس التالي:
شعبة {
حجم الخط: 16 بكسل;
}
سيقوم هذا الرمز بتعيين حجم الخط داخل جميع كتل ديف على صفحة الويب إلى 16 بكسل. ومع ذلك ، إذا كنت ترغب في تعيين حجم الخط فقط لكتلة شعبة محددة ، يمكنك استخدام محددات كس أو إضافة فئة أو معرف إلى شعبة معينة وتطبيق الأنماط فقط على هذا العنصر.
أمثلة على استخدام علامة ديف في هتمل لتعيين حجم الخط
واحدة من الطرق الشائعة لاستخدام علامة ديف هو تعيين حجم الخط لمجموعة من العناصر.
مثال على تعيين حجم الخط مباشرة في علامة ديف:
سيكون لهذا النص حجم خط 18 بكسل.
سترث العناصر الأخرى داخل هذا القسم حجم الخط هذا ما لم ينص على خلاف ذلك.
من المهم ملاحظة أن حجم الخط المحدد في علامة ديف له الأسبقية على حجم الخط المحدد في العناصر المتداخلة.
يمكنك أيضا استخدام قيم حجم الخط النسبية في علامة ديف.
سيزداد حجم الخط في هذا النص بنسبة 20 ٪ من حجم الخط الأساسي للمتصفح القياسي.
إذا كنت بحاجة إلى تعيين أحجام خطوط مختلفة لعناصر مختلفة داخل ديف ، يمكنك استخدام ديف متداخلة إضافية.
سيكون لهذا النص حجم خط 20 بكسل.
سيكون لهذا النص حجم خط 14 بكسل.
وهكذا ، فإن علامة ديف في هتمل يوفر القدرة على عناصر المجموعة وتعيينها إلى حجم الخط المشترك لإنشاء تصميم موحد وهيكل منطقي على صفحة ويب.
استخدام خاصية حجم الخط المغلق لتغيير حجم الخط داخل علامة ديف
تتيح لك خاصية حجم الخط تعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. على سبيل المثال ، إذا كنت ترغب في زيادة حجم الخط داخل علامة ديف ، يمكنك استخدام رمز كس التالي:
مثال 1:
مثال على النص داخل علامة ديف مع حجم الخط من 20 بكسل.
في المثال أعلاه ، يتم تعيين خاصية حجم الخط المغلق إلى 20 بكسل ، مما يعني أن حجم الخط هو 20 بكسل. يمكنك تغيير قيمة خاصية حجم الخط إلى أي قيمة أخرى تحتاجها.
إلى جانب وحدات البكسل ، يمكنك أيضا استخدام النسب المئوية أو وحدات القياس الأخرى لتحديد حجم الخط. على سبيل المثال:
المثال 2:
مثال على النص داخل علامة ديف مع حجم الخط من 150 في المئة.
في المثال أعلاه ، يتم تعيين حجم الخط إلى 150 بالمائة من حجم الخط الافتراضي. إذا كان حجم الخط الافتراضي هو 12 بكسل ، ثم حجم الخط داخل علامة ديف سيكون 18 بكسل (12 * 150 ٪ = 18).
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل إم أو ريم. على سبيل المثال: