التذييل هو جزء من صفحة خارج المحتوى الرئيسي ويحتوي على معلومات تتكرر في كل صفحة. يمكن أن تكون المسافة بين الحافة السفلية للمحتوى الرئيسي والتذييل جانبا مهما من تصميم الصفحة. في هذه المقالة ، سننظر في كيفية ضبط هذه المسافة.
1. افتح صفحة الويب الخاصة بك في أي محرر هتمل وانتقل إلى أنماط كس. إذا لم يكن لديك أي أنماط ، فأضف الكود التالي إلى القسم
в вашем HTML-документе:الجسم { الهامش السفلي: 50 بكسل؛}
2. في هذا المثال ، قمنا بتعيين الهامش السفلي لمحتوى الصفحة باستخدام خاصية الهامش السفلي. القيمة 50 بكسل في هذه الحالة هي المسافة بالبكسل بين الحافة السفلية للمحتوى الرئيسي والتذييل. يمكنك تغيير هذه القيمة وفقا لاحتياجاتك.
3. إذا كان لديك بالفعل تذييل في مستند هتمل الخاص بك ، فيمكنك استخدام فئته أو معرفه لتعيين المسافة من الحافة إلى التذييل. ابحث عن الفئة أو المعرف المناسب في الأنماط الخاصة بك وأضف الكود التالي:
.تذييل الصفحة { الهامش الأعلى: 50 بكسل؛}
4. في هذا المثال ، نستخدم فئة.تذييل الصفحة وتذييل الصفحة وتعيين الهامش في الجزء العلوي باستخدام الخاصية أعلى الهامش. تمثل قيمة 50 بكسل مسافة البكسل بين الحافة السفلية للمحتوى الرئيسي والحافة العلوية للتذييل.
- كيفية تعيين المسافة البادئة بين المحتوى والتذييل: تعليمات خطوة بخطوة
- تعيين المسافة البادئة باستخدام كس
- استخدام "الحشو" لإنشاء مسافة بادئة
- سؤال وجواب
كيفية تعيين المسافة البادئة بين المحتوى والتذييل: تعليمات خطوة بخطوة
المسافة البادئة بين المحتوى والتذييل هي عنصر مهم في تصميم صفحة الويب. يسمح لك بإنشاء فصل مرئي بين المحتوى الرئيسي للصفحة وأسفل الموقع.
- افتح ملف صفحة الويب الخاصة بك في محرر نصوص أو في محرر تعليمات برمجية.
- ابحث عن القسم الذي يوجد به المحتوى الخاص بك.
- الحشو الأعلى
- .
- اضبط قيمة المسافة البادئة وفقا لتفضيلات التصميم الخاصة بك. يمكنك استخدام عدد وحدات البكسل أو قيمة النسبة المئوية لتحديد المسافة المطلوبة.
- احفظ التغييرات على الملف.
قم بتحميل صفحة الويب المحدثة إلى الاستضافة أو افتحها في متصفح لرؤية النتيجة.
يمكن أن يؤدي تطبيق الهوامش اليمنى بين المحتوى والتذييل إلى تحسين مظهر صفحة الويب الخاصة بك وتوفير تنقل أفضل للمستخدم. لا تنس أيضا التحقق من أن المسافة البادئة تعمل بشكل صحيح على الشاشات والأجهزة المختلفة.
تعيين المسافة البادئة باستخدام كس
لضبط الهامش من الحافة إلى التذييل ، يمكنك استخدام خاصية الهامش السفلي المغلق. تسمح لك هذه الخاصية بتعيين المسافة بين العنصر المحدد وجاره السفلي.
مثال الاستخدام:
هذا هو تذييل الصفحة.
في هذا المثال ، تمت إضافة فئة التذييل إلى عنصر ديف ، الذي تم تعيين خاصية الهامش السفلي إلى 20 بكسل. وبالتالي ، سيكون الهامش من الحافة إلى التذييل 20 بكسل.
يمكنك أيضا استخدام قيمة المسافة البادئة السلبية بحيث يتداخل العنصر مع الجار السفلي.:
هذا هو تذييل الصفحة.
في هذا المثال ، يتم تعيين مسافة بادئة سالبة تبلغ 20 بكسل ، مما يؤدي إلى تداخل عنصر ديف مع جاره السفلي.
عن طريق المسافة البادئة باستخدام كس ، يمكنك بسهولة ضبط المسافة من الحافة إلى تذييل صفحة الويب وتحقيق التأثير البصري المطلوب.
استخدام "الحشو" لإنشاء مسافة بادئة
طريقة واحدة لإنشاء المسافة البادئة من الحافة إلى تذييل الصفحة هو استخدام خاصية كس "الحشو".
تسمح لك خاصية" الحشو " بتعيين هوامش حول العنصر. يأخذ القيم بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
لإنشاء مسافة بادئة من الحافة إلى التذييل ، يمكنك تطبيق "أسفل الحشو" على حاوية التذييل. فمثلا:.تذييل {
الحشو السفلي: 20 بكسل;
}
في هذا المثال ، تقوم خاصية" الحشو السفلي "بتعيين المسافة البادئة السفلية لعنصر مع فئة" التذييل " بحجم 20 بكسل.
يمكنك أيضا استخدام القيم المدمجة لـ "الحشو" ، على سبيل المثال:
.تذييل {