ستوجهك هذه الكتابة إلى:
المتطلب السابق: إنشاء ملف HTML
يمكن إنشاء صفحة HTML باتباع التعليمات:
- أضف ' 'في ملف HTML.
- تعيين المعرفات كـ ' الفقرة 1 ' و ' para2 '، على التوالى.
- حدد محتوى الفقرة ضمن هذه كما هو موضح أدناه:
< ص صف دراسي = 'الفقرة 1' >
الأشخاص الناجحون ببساطة يبذلون الكثير من الجهد وينجحون في تحقيق الهدف ؛ ليس لديهم موهبة طبيعية.
الأشخاص الناجحون ببساطة يبذلون الكثير من الجهد وينجحون في تحقيق الهدف ؛ ليس لديهم موهبة طبيعية. < / ص >
< ص صف دراسي = 'para2' >
الأشخاص الناجحون ببساطة يبذلون الكثير من الجهد وينجحون في تحقيق الهدف ؛ ليس لديهم موهبة طبيعية.
الأشخاص الناجحون ببساطة يبذلون الكثير من الجهد وينجحون في تحقيق الهدف ؛ ليس لديهم موهبة طبيعية. < / ص >
< / شعبة >
انتاج |
كيفية تغيير التباعد بين الفقرات في CSS؟
ال ' حافة 'يمكن أن تضيف مسافات بين الفقرات. علاوة على ذلك ، باستخدام ' الهامش السفلي 'سيكون خيارًا جيدًا في هذه الحالة.
دعونا نضيف خاصية حد لإظهار مساحة الهامش بشكل بارز.
فئة النمط 'الفقرة 1'
.الفقرة 1 {الحدود : 1 بكسل صلب اللون الرمادي ؛
الهامش السفلي : 70 بكسل ؛
}
ال ' .الفقرة 1 'للوصول إلى عنصر
بالمعرف' الفقرة 1 'وتطبيق الخصائص التالية:
- ' الحدود 'يتم تطبيق الخاصية مع قيمة عرض الحدود والنمط واللون لتعيين الحد حول الفقرة.
- ' الهامش السفلي 'يضيف مسافة في الجزء السفلي من الفقرة.
فئة نمط 'الفقرة 2'
.para2 {الحدود : 1 بكسل صلب اللون الرمادي ؛
}
ال ' 'عنصر له المعرف' para2 'يتم تطبيقه أيضًا مع الحدود باستخدام CSS' الحدود ' خاصية.
يمكن ملاحظة أنه تم بنجاح إضافة المسافات بين الفقرات:
كيفية تغيير التباعد داخل الفقرات في CSS؟
CSS ' ارتفاع خط 'تستخدم لإضافة مسافات بين سطور الفقرة.
للقيام بذلك ، أضف خاصية line-height إلى ' 'عنصر له معرف' الفقرة 1 ':
ارتفاع الخط: 2 ؛انتاج |
كان هذا كله يتعلق بتغيير المسافات بين الفقرات.
استنتاج
لتغيير المسافات بين الفقرات ، أولاً ، أضف فقرات في ملف HTML باستخدام ' ' جزء. ثم ، CSS ' الهامش السفلي 'لإضافة مسافة بين الفقرات. CSS ' ارتفاع خط 'يضيف مسافات داخل الفقرات. تناول هذا المنشور بالتفصيل إجراءات تغيير التباعد بين الفقرات وداخل الفقرات.