</SPAN>
| السلام عليكم ورحمة الله وبركاته ..................................... الدرس الأول نتعرف في هذا الدرس أولا عن كيفية كتابة أوامر css يكتب الامر على هذا الشكل <TABLE border=0 cellSpacing=1 cellPadding=0 align=center> <TR> <td align=left>الرمز:</TD></TR> <TR> <td class=code align=left>body{background-color:#ffffff;} </TD></TR></TABLE> لاحظ ان الامر السابق يتكون من ثلاثة عناصر هم :  و الآن نتحدث عن اماكن وطرق تفعيل أوامر الcss في صفحة الهتمل هناك ثلاث طرق لفعل ذلك: الطريقة الأولى ضمن وسوم الهتمل باستخدام خاصية style هكذا هذا هو وسم الهتمل لادراج صورة في الصفحة <TABLE border=0 cellSpacing=1 cellPadding=0 align=center> <TR> <td align=left>الرمز:</TD></TR> <TR> <td class=code align=left><img src="flag.jpg" /> </TD></TR></TABLE> نريد تحديد خصائص هذه الصورة بcss نقوم عمل ذلك هكذا <TABLE border=0 cellSpacing=1 cellPadding=0 align=center> <TR> <td align=left>الرمز:</TD></TR> <TR> <td class=code align=left><img src="flag.jpg" style="border:0px;" /> </TD></TR></TABLE> وهكذا بالنسبة لاي وسم الطريقة الثانية تكتب أوامر css في رأس الصفحة باستخدام خاصية style <TABLE border=0 cellSpacing=1 cellPadding=0 align=center> <TR> <td align=left>الرمز:</TD></TR> <TR> <td class=code align=left><html> <head> <title>new</title> <style type="text/css"> img {border:0px;} </style> </head> <body> </body> </TD></TR></TABLE> الطريقة الثالثة تكتب أوامر الcss في ملف منفصل بامتداد css ثم يتم ربطه بصفحة الهتمل وهذه هي الطريقة الافضل نفترض أن الملف اسمه style.css سنقوم بربطه بصفحة الهتمل هكذا <TABLE border=0 cellSpacing=1 cellPadding=0 align=center> <TR> <td align=left>الرمز:</TD></TR> <TR> <td class=code align=left><link rel="stylesheet" type="text/css" href="style.css" /> </TD></TR></TABLE> انتهى الدرس |
