وتذكر نحن الان داخل الفورم اخذنا 350 بكسل العرض ✨

نبدأ بتنسيق النصوص الموجودة داخل الـ Login (تنسيق النصوص Text)

وكل هذه المواضيع تخص النص

نحتاج في هذه المثال لمعرفة اثنين فقط
color
alignment

الاول لون النص (ولا اسهل)
h1{
color: #000000
}

الثاني اتجاه النص:
وهناك الخيارات التالية:

في مثالنا نحتاج لتوسيطها داخل الفورم بالتالي سنستخدم center

✨ملاحظة:
كل عنصر قد يكون اب (parent) وقد يكون ابن (child)
مثلا الـform ابن الـ body
والـh1 ابن form
لذا فعندما اوسط الـform فإنه سيكون وسط بالنسبة للاب body
وعندما اوسط الـعنوان فانها ستوسط بالنسبة للـform

الخاصية text-align:center ستوسط كل عنصر من نوع نص أو حتى يحتوي على نص
وبما اني اريد توسيط كل محتويات الـ form فبدلا من تكرار الخاصية على كل العناصر سأكتبها مرة واحدة في الـ form

بالنسبة للعنوان h1 (login) يحتاج إلى تغير لونه إلى اللون الأبيض

لكن طالما أن كل النصوص ستحول إلى اللون الأبيض فسأكتب الخاصية في الـ form او الـ body
كلاهما صحيح

لاحظ ان النصوص تحولت للون الأبيض ما عدا الرابط
ملاحظة:
يتطلب الرابط تغير مباشر للون (في العنصر نفسه)

الان لنجعل خلفية الفورم شفافة

تحتاج عناصر الادخال والارسال إلى بعض التنسيق:
1- مدها بالعرض width
2- عمل هوامش وحواف

نريد مد حقول الادخال لتكون بنفس عرض الفورم او اقل قليلا