سنتحدث بمشيئة الله تعالى فى هذه المشاركة عن النوع الثالث من أنواع css وهو الخارجى external
وفى هذا النوع يتم انشاء ملف خارجى امتداده css يمكن انشاء هذا الملف من خلال برنامج محرر النصوص الشهير notepad أو محرر الأكواد الشهير visual studio codeونضع فى هذا الملف وسم <style> وبداخله نقوم بوضع خصائص وقيم عناصر Html المراد تنسيقها.
ثم نربط ملف css بصفحة الويب من خلال وسم
<link rel="stylesheet href ="filename.css" >
مكان وضع هذا الملف داخل Head بصفحة الويب
مثال:
يتم انشاء ملفين الملف الأول هو ملف Html وتكون محتوياته كما يلى:-
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body dir="rtl">
<h1>الأوفيس</h1>
<p>حزمة برامج الأوفيس تنتجها شركة ميكروسوفت وتمتاز هذه الخدمة بأنها موجهه لجميع مستخدمى الكمبيوتر ومن أهم هذه البرامج</p>
<p>أولا: برنامج micirosoft word: وهو برنامج مخصص لمعالجة الكلمات وتنسيقها</p>
</body>
ثم نقوم بإنشاء ملف css ونلاحظ هنا اننا قمنا بتسميته mystyle.css
وتكون محتوياته كما يلى:-
<style>
body{direction:rtl;
}
h1{color:red;
font-family:verdana;
border:solid black;
}
p{
text-decoration:overline;
color:blue;
font-family:tahoma;
background-color:lightgrey;
}
</style>
فيظهر ناتج المثال كما يلى:-
المشاركات
ليست هناك تعليقات:
إرسال تعليق