يقدم موقع ar.html.net كورس لتعليم مبادئ واساسيات لغة تنسيق صفحات الويب CSS.
درس CSS – جدول المحتويات
- مقدمة
مقدمة قصيرة للدرس وما يمكن أن تتعلم فيه. - درس 1: ما هي تقنية CSS؟
لماذا ابتكرت لغة CSS؟ ولماذا اختيار هذه اللغة لتصميم الموقع بدلاً من HTML؟. - درس 2: كيف تعمل تقنية CSS؟
تعلم أساسيات CSS وقم بإنشاء ملفك الأول. - درس 3: الألوان والخلفيات
تعلم كيف تضع الألوان ولون الخلفية وتستخدم الصور لخلفية الموقع. - درس 4:الخطوط
في هذا الدرس سنتعلم كيفية التحكم بالخطوط من خلال CSS. - درس 5: النصوص
هذا الدرس هو مقدمة للقدرات العجيبة التي تملكها تقنية CSS للتحكم بالتصميم. - درس 6:الروابط
كيف تقوم بإنشاء مؤثرات رائعة للروابط وكيف تستخدم pseudo-classes. - درس 7: المطابقة والتجميع للعناصر class وid
نظرة عن قرب على كيفية استخدامclass
وid
لتحديد خصائص لعناصر معينة. - درس 8: تجميع العناصرspan وdiv
نظرة أقرب إلى استخدامspan
وdiv
لأنها العناصر الأهم عند التعامل مع CSS وHTML CSS - درس 9: نموذج الصندوق
نموذج الصندوق في CSS يصف الصناديق التي تنشأها عناصر HTML. - درس 10: نموذج الصندوق – margin وpadding
غير محاذاة العناصر عن طريق خاصيتيmargin
وpadding
. - درس 11: نموذج الصندوق – الإطارات
تعلم عن الخيارات اللا متناهية المتوفرة عند استخدام الإطارات - درس 12: نموذج الصندوق – العرض والارتفاع
في هذا الدرس سنلقي نظرة على كيفية تحديد ارتفاع وعرض أي عنصر. - درس 13: تعويم العناصر (floats)
أي عنصر يمكن أن نجعله عائماً إلى اليمين أو اليسار باستخدام خاصيةfloat
- درس 14: وضعية العناصر
في CSS يمكنك أن تضع أي عنصر في المكان الذي تريده. - درس 15: طبقة فوق طبقة باستخدام z-index
في هذا الدرس سنتعلم كيف تجعل عناصر مختلفة متداخلة ونضع بعضها فوق بعض باستخدامlayers
. - درس 16: المعايير القياسية
الدرس الأخير حول سيكون حول المعايير القياسية وكيف تتأكد أن ما كتبته من ملفات CSS صحيحة ولا تحوي أية أخطاء.