فهرس دروس 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 صحيحة ولا تحوي أية أخطاء.




سنوافيكم كل يوم بدرس جديد إنشاء الله ونرجو أن لا تبخلو علينا بردودكم , وإن كان هناك أي إستفسار أو لم تفهمو أحد الدروس المرجو أن تكتبو ردودكم لنتمكن من إجابتكم وشكرا