مشروعي الرقمي (٢): ملف التنسيق

ينسّق ملف تنسيق واحد صفحتي مشروع النادي. فلنقرأ جزأه الأول سطرًا سطرًا. القاعدة الخاصة بـ body تقول text-align: center فيتوسط النص الصفحة. وقاعدة header تضبط background-color: darkblue فيكون الشريط أزرق داكنًا، وcolor: white فتكون الحروف بيضاء، وpadding يعطي الكلمات مساحة داخل الشريط؛ وسيشرح الدرس التالي الحشو. وقاعدة footer تكاد تكون مثل قاعدة header لأن الشريطين ينبغي أن يتطابقا. وهذا التطابق اتساق، وقد تعرّفت عليه في الأسبوع السابع. ولأن كل صفحة ترتبط بالملف نفسه فإن الصفحتين تأخذان الترويسة والتذييل نفسيهما.

1body {
2  text-align: center;
3}
4header {
5  background-color: darkblue;
6  color: white;
7  padding: 15px;
8}
9footer {
10  background-color: darkblue;
11  color: white;
12  padding: 15px;
13}