الدرس19 : إنشاء أول صفحة CSS3

إدراج أكواد css3 :

توجد تلات طرق لكتابة أكواد css3 :

1- داخل صفحة css3.

2- داخلة وسم .

3- مباشرة في الوسم الذي نريد التعديل عليه.

لكن تبقى أحسن طريقة هي أن تصنع صفحة css3. لإنشاء صفحة سهل جدا فقط عليك إنشاء صفحة ب++notepad كما تعلمنا سابقا، لكن هذه المرة سيختم ب css. بدلا من html. .  و كما دكرت هده هي أحسن طريقة و ستعرف لماذا لاحقا. 

الآن إنس جميع الملفات التي كنا قد أنشأناها و أنشئ صفحة html التالية:

charset="utf-8" />
rel="stylesheet" href="style.css" />

مدونة الخبير

مرحبا بكم جميعا

آسف لأني لم أكمل موقعي.
بعد سيكون جاهزا قريبا

السطر5 لم نره سابقا. "link rel="stylesheet" href="style.css> هذا السطر هو الدي يجمع بين صفحة html و صفحة css. إحفظ الكود السابق و لنسميه جميعا page.html . لما تدخل له عن طريق جوجل كروم متلا ستجد الصفحة لازالت كما هي.

الآن نعود إلى ++notepad و ننشأ صفحة جديدة و نختار أننا سنتكلم لغة css عن طريق CSSثم أكتب الكود التالي: 

p{
color: blue;
}

الآن إحفظه تحت إسم style.css .لأنه في الكود السابق نادينا كود css الذي بهذا الإسم  "link rel="stylesheet" href="style.css>. و ذلك في نفس الملف الذي حفظنا به صفحة html . و إذا وضعته في ملف آخر يجب عليك تعديل الرابط كما تعلمنا في درس الروابط. و هذه الصور تبدي ما كنت أتحدت عنه:

حفض الصفحتين في ملف واحد:

و هذه هي النتيجة التي يجب أن تحصل عليها:

تنبيه: لايمكنك فتح ملف في المتصفح فقط ملف هو الدي نفتحه أما نعدل عليه فقط.
ننتظر تعليقاتكم و شكرا.