نبدأ بالتطبيق والدرس الأول
مع كل تصميم سننجزه سنتعلم مجموعة من خصائص الـ CSS بطريقة ممتعة وعملية

الهيكل باستخدام الــ HTML

سنحوله إلى تصميم اكثر تنسيقا كـ:

بإضافة الـ Style عليه (باستخدام الـ CSS)

نشرح تالياً كل الأدوات المستخدمة في التصميم السابق

بداية يجب التنويه إلى أن

كل شيء داخل المتصفح يمثل عنصر (element)
وكل العناصر لها الخصائص التالية:
- حدود
- خلفية
- مسافات
- وبعضها تحتوي على نص

نبدأ بالحدود (border):

للحدود 3 سمات اساسية

بالنسبة للـ style

ستظهر بالشكل التالي في المتصفح