شرح صفوف ومحتوى الفقرة
إذا فتحت صفحة مكتوبة بلغة وحدها، فستظهر كصفحة بيضاء بدائية بنصوص سوداء متراصة تحت بعضها. وهنا يأتي دور لغة CSS ( — أوراق الأنماط المتتالية):
- الألوان والخطوط والهوية البصرية: تتحكم في ألوان الخلفيات والنصوص، ونوع الخط وحجمه، وانحناء حواف البطاقات والظلال.
- تخطيط الشاشة وتوزيع العناصر: ترتب العناصر في أعمدة وشبكات متناسقة، وتضبط المسافات الداخلية والخارجية بين الأقسام.
- التجاوب الذكي مع مختلف الشاشات: بفضل قدرات تتكيف الصفحة تلقائياً لتظهر بثلاثة أعمدة على شاشة الحاسوب وبعمود واحد مريح للقراءة على شاشة الهاتف.
تأمل كيف تمنح أسطر البسيطة التالية المظهر الأنيق والألوان للبطاقة التي أنشأناها سابقاً:
CSS
.lesson-card {
background-color: #faf7fe;
color: #292338;
padding: 20px;
border-radius: 12px;
}