دورة تعليم css مجانا

الدروس التعريفية

الدرس 01 : الخطوة الأولى
يمكنك حفظ الكثير من الوقت و الجهد باستخدام لغة CSS .

الدرس 02 : مقدمة CSS
قبل البدء بلغة CSS يجب ان يكون لديك معرفةHTML / XHTML

الدرس 03 : تركيبة CSS
المنتقى , واحد أو أكثر من التصريح .

الدرس 04 : استخدام id و class
يمكن استخدام id و class لتطبيق تصميم معين على مفتاح HTML

الدرس 05 : كيف استخدم CSS
عندما يقرأ المتصفح صفحة التصميم سيتم عرض صفحة HTML حسب التصميم المخصص

التصميم باستخدام CSS

الدرس 01 : خلفيات CSS
تستخدم خصائص الخلفية لتطبيق تأثيرات معينة على خلفية التصميم بشكل عام

الدرس 02 : النصوص
باستخدام لغة CSS يمكنك استخدام احدى هذه الطرق لتلوين نص معين

الدرس 03 : نوع الخط
تستخدم خاصية نوع الخط في لغة CSS لتحديد عائلة الخط font family و حجم و الشكل لخط النص

الدرس 04 : الروابط التشعبية
يمكن للروابط التشعبية ان تصمم وتعدّل من خلال طرق عديدة

الدرس 05 : القوائم
تسمح لك خاصية القائمة بما يلي :
لوضع العديد من العناصر بقائمة مرقّمة ordered lists
لوضع العديد من العناصر بقائمة غير مرقّمة unordered lists
لتخصيص صورة وتوضع عوضاً عن العلامة المستخدمة في القائمة

الدرس 06 : الجداول
يمكن التعديل على الجداول من خلال CSS بشكل رهيب

الصندوق النموذجي

الدرس 01 : الصندوق النموذجي
يمكن اعتبار مفاتيح HTML مثل الصندوق , وباستخدام لغة CSS مع الصندوق النموذجي يعني أننا نستخدم التصميم والتخطيط

الدرس 02 : الحدود Borders
تسمح لك خصائص الحدود في CSS لتحديد التصميم واللون لحدود العنصر

الدرس 03 : الحدود الخارجية outline
الحدود الخارجية هو عبارة عن خط مرسوم حول العناصر (خارج الحدود ) لجعل العناصر أكثر سهولة لرؤيتها وملاحظتها .

الدرس 04 : الهوامش الخارجية margin
تحدد خاصية الهوامش الخارجية المسافة حول العنصر

الدرس 05 : الهوامش الداخلية padding
تحدد خاصية الهوامش الداخلية المسافة حول العنصر