تنقسم علامات HTML إلى نوعين: عناصر مضمنة وعناصر على مستوى الكتلة. أولاً ، دعونا نفهم مفاهيم العناصر المضمنة والعناصر على مستوى الكتلة:
عناصر مستوى الكتلة: بشكل عام ، إنها حاوية للعناصر الأخرى ، والتي يمكن أن تستوعب العناصر المضمنة والعناصر الأخرى على مستوى الكتلة. ترفض عناصر مستوى الكتلة عناصر أخرى في نفس الصف مثلها. يمكنك ضبط سمات العرض (العرض) والارتفاع (الارتفاع). سيتم وضع عناصر على مستوى الكتلة في التدفقات العادية رأسياً. عناصر الكتلة الشائعة هي div العناصر المضمنة (العناصر المضمنة): يمكن للعناصر المضمنة استيعاب النص أو العناصر المضمنة فقط وينفد عناصر على مستوى الكتلة. أنها تسمح أن تكون عناصر أخرى مضمنة على نفس الخط مثلها ولا يمكنها ضبط الارتفاع والعرض. العنصر المضمون المشترك هو.وفقًا لمفهوم العناصر على مستوى الكتلة ، يمكننا أن نفهم أن العناصر على مستوى الكتلة لها فترات انقطاع قبل وبعد ، وهو ما يعادل إضافة علامة <br> قبل وبعد العنصر. يمكننا التفكير في عناصر مستوى الكتلة ككتلة أو مستطيل ، لذلك يمكن عناصر على مستوى الكتلة ضبط سمة عرض الارتفاع
مثال:
ملف CSS:
انسخ الرمز