بسم الله الرحمان الرحيم
كيفية كتابة اكواد css داخل ملف html
السلام عليكم و رحمة الله و بركاته
سوف ندخل في الموضوع دون اية مقدمات ...
طريقة كتابة اكود css داخل ملف html تتم عبر ثلاث طرق
الطريقة الأولى
ان نكتب الكود داخل الوسم ونستخدم خاصية style تابع هذا المثال معي :
<";body style="background-color: #FF0000>
فكما ترى قمنا بكتابة الوسم body وداخل الوسم استخدمنا خاصية styleوقمنا بتغير لون الخلفية
و حددنا قيمة للون و كانت هذه الطريقة الاولى
الطريقة الثانية:
استخدام الوسم<style> ونكتب الاكواد الخاصة ب css بين وسم البداية
ووسم الاغلاق.تابع المثال التالي
<style>
body
{;font:courier new}
<style/>
الطريقة الثالثة:
استدعاء ملف خارجي بواسطة رابط كيف ذالك ؟
اقول لك كيف ذالك تقوم بانشاء ملف css وتعطه اسما على سبيل المثال
file.css وتقوم بضعه داخل مجلد ونسمي هذا المجلد
index الان لقد شكلت ملف css و بعد ذالك تقوم باستدعائه بواسطة
رابط باستخدام خاصية link ولمزيد من التوضيح تابع المثال التالي
</"link rel="stylesheet" type="text/css" href="style/style.css >
هذا الأمر يجب أن يوضع في قسم رأس الصفحة، أي بين وسمي <head> و<head/> كما في المثال الآتي:
<html>
<head>
<title></title>
</"link rel="stylesheet" type="text/css" href="style/style.css >
<head/>
<body>
...
هذا الرابط يخبر المتصفح بأن عليه استخدام التصميم من ملف CSS عندما يقوم بعرض ملف HTML.
الجميل هنا أنك تستطيع ربط العديد من ملفات HTML بملف تصميم واحد، بمعنى آخر يمكن لملف تصميم واحد أن يستخدم للتحكم بتصميم العديد من ملفات HTML.
ملاحظة هامة:
لقد تتبعت معي الطرق الثلاث انت الأن في حيرة اي طريقة استخدمها !
افضل طريقة هي الطريقة الثالثة لانهاالاكثر استعمالا و الاسهل و فيها العديد من الميزات
سوف نتكلم لاحقاعنها بتفصيل اكثر .
بهذا نكون قد انهينا درس اليوم الى اللقاء في الدرس القادم مع بقية شرح
الالوان و الخلفيات