شرح دورة الـ CSS للمبتدئين - الدرس الثانى

للتذكره : تعرفنا فى الدرس السابق على طريقتين لكتابه كود CSS وكانوا:

   الاولى:نكتب الكود ضمن وسم او مايسمى بالTag مثل وسم <i></ i >

   الثانيه: نكتب الكود CSS داخل وسم head او head tag وهو احدى الثلاثه وسوم الاساسيه المكونه للغه HTML 

            ويكون كود ال CSS  محاط بوسم <style> </style>

للمراجعه كامله .. يتم العوده للدرس السابق

الطريقه الثالثه:

كتابه كود CSS   فى ملف مستقل عن ملف HTML

طريقه الكتابه:

1. فتح احدى البرامج  Notepad++ or Notepad
2. انشاء ملف جديد وتسميه باى اسم ولكن يكون امتداده css.
3. يتم كتابه جميع الخصائص المراد تطبيقها .. مع ملاحظه انه لا يتم ذكر وسم<style>  </style>
4. انشاء ملف اخر وتسميه بأى اسم ولكن امتداده html. ..  هذا لكتابه كود هذه اللغه
5. كيف يتم الربط بين ملف CSS وملف HTML ؟ عن طريق هذه الجمله .. وهى تكتب فى head tag او وسم الhead فى الملف HTML .. وهى تعنى استدعاء ملف ال css داخل ملف html
   
   
   

   سيكون الكود النهائى لملف html 

   
   النتيجه:
   
   
   
   
   
   
   
   الحالات الثلاثه للمسارات:
   سنفرض ان .. اسم الملف الى يحتوى على كود ال css اسمه (mm.css) و هناك فلدر اسمه (minds) .. وبارتشن اسمه (E)
   
   مقارنه بين الطريقتين الاولى والثانيه معا وبين الطريقه الثالثه

الآن .. أختبـــــــــــــــــــــــــــــ(ـنفسك)ــــــــــــــــــــــــــــــــــــــر..

1. حدد وسم من لغه HTML  وليكن وسم <p></p>  او وسم <i></i>
2. حدد خصائص معينه تريد تطبيقها
3. استخدم هذه الخصائص مع كل طريقه من الطرق الثلاثه .. مع ملاحظه توحيد الكود لتختبر ان النتيجه واحده فى الثلاث طرق ام لا