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