طريقة ربط ملف html مع css

نستخدم في عملنا هذا برنامح dreamweaver cs6 , نقوم بتجهيز مجلد خاص و نسميه css في الحاسوب ، ثم نذهب الى برنامج dreamweaver و نظغط file ثم new ، بعدها نختار html . نقوم بحفظ الملف باسم index.html  .

نقوم بانشاء ملف css مرة اخرى بنفس الطريقة الاولى فقط نغير الصيغة الى css , و نسمي الملف ب style .

الان الخطوة المهمة هي ربط الملفين html مع css , سنكتب الكود التالي : 

في السطر 8 كود  (link)  يرمز للرابط سيساعدك البرنامج في كتابته بسهولة  . Rel ترمز للغة الملف ، type ترمز لنوع الملف ، اما href ترمز لمكان الملف بمجرد كتابة هذا الوسم سيساعدك البرنامج في تحديد مكان الملف  و يكتب كود .

تستخدم الcss خاصية الوراثة في استدعاء خواص معينة و تطبيقها على div او داخل النص لتسهيل العمل عليها فبدل ان يقوم المبرمح بعمل جدول او نص او div داخل صفحات الموقع بعدد كبير ، يكفي ان يضع class في ملف css لنص مثلا او جدول و  باخذ خصاءصه من كود الكلاس فقط لاختصار العملية  . هناك بعض العناصر اساسية لا يتم عمل (class) لها مثل h1 h2 h3 , body .... الخ