نموذج التنسيق البصري في CSS

يوضح نموذج التنسيق البصري عادةً كيفية معالجة العناصر في شجرة الوثيقة للوسائط البصرية مثل شاشات الحواسيب.

نموذج التنسيق البصري لـ CSS

نموذج التنسيق البصري لـ CSS هو خوارزمية تستخدم لمعالجة وثائق وسائط بصرية. في نموذج التنسيق البصري، يتم تنسيق كل عنصر في شجرة الوثيقة بناءً علىنموذج الصندوقيولد صندوقًا صفرًا أو أكثر.

تتوقف ترتيب هذه المربعات على العوامل التالية:

• حجم الصندوق.

• نوع العنصر (لامنطقي أو مدمج).

• خطة التموضع (السيولة العادية،التموضع الفوكيوالالتثبيت النسبي()).

• العلاقات بين العناصر في شجرة الوثيقة.

• معلومات خارجية مثل حجم النافذة، حجم الصورة المدمج، وما إلى ذلك.

أنواع المربعات التي تُولدها CSS

كل عنصر يتم عرضه على الويب يولد مربعًا مستطيلاً. يصف الجزء التالي أنواع المربعات التي يمكن أن تُولدها العناصر.

العناصر اللامنطقية والعناصر المدمجة

العناصر اللامنطقية هي العناصر التي يتم تنسيقها بصرياً ككتل ( أي تشغل عرضاً كاملاً المتاح) ولديها مسافات خطية قبل العنصر وبعده. على سبيل المثال، عنصر المقطع (<p>()) العناوين (<h1> - <h6>()) الفصل (<div>()) وما إلى ذلك.

عادةً، العناصر اللامنطقية يمكنها أن تحتوي على العناصر المدمجة والعناصر اللامنطقية الأخرى.

العناصر المدمجة والعناصر المدمجة

العناصر المدمجة هي العناصر التي لا تشكل محتوى جديد في الوثيقة المصدر؛ المحتوى توزع على الأسطر. على سبيل المثال، عنصر المقطع (<em>()) العنصر العبري (<span>()) العنصر القوي (<strong>() وما إلى ذلك من النص الإبرازي.

العناصر المدمجة عادة لا يمكنها أن تحتوي إلا على نص وأعمدة مدمجة أخرى.

يمكنك استخدام خاصية display في CSS لتغيير طريقة عرض العنصر على الصفحة على الويب. ستجدفي الفصل التالياعرف خاصية display.