css ;كما تكلمنا عنه من قبل هو المسئول عن تنسيقات وشكل ومظهر صفحة الويب .
css هو اختصار لكلمة cascading style sheets
Internal وفى هذا النوع يتم استخدام وسم <style> فى الهيدر الخاص بالصفحة
External وفى هذا النوع يتم استخدام ملف أو اكثر من نوع css ويتم ربطها بصفحة html وعند بناء موقع انترنت يفضل استخدام النوع الخارجى لأنه الافضل والاسهل والأكثر احترافية.
حيث element هو وسم html
property هو خاصية css
value هو قيمة هذه الخاصية
ناتج المثال:-
نتيجة المثال:-
css هو اختصار لكلمة cascading style sheets
css ينقسم إلى ثلاثة أقسام:-
Inline وفى هذا النوع يتم استخدام style مع عناصر HtmlInternal وفى هذا النوع يتم استخدام وسم <style> فى الهيدر الخاص بالصفحة
External وفى هذا النوع يتم استخدام ملف أو اكثر من نوع css ويتم ربطها بصفحة html وعند بناء موقع انترنت يفضل استخدام النوع الخارجى لأنه الافضل والاسهل والأكثر احترافية.
قاعدة css
element{property : value; property :value}
حيث element هو وسم html
property هو خاصية css
value هو قيمة هذه الخاصية
مثال على inline css:-
<p style ="color:blue;font-size:300px;border:solid"> وما نيل المطالب بالتمنى ولكن تؤخذ الدنيا غلابا</p>
ناتج المثال:-
internal css أو css الداخلى
وكما سبق ووضحنا فهذا هو النوع الثانى من انواع css وفى هذا النوع يتم وضع وسم <style> فى head الخاص بصفحة Html ثم نفتح قوس { ثم نضع وسم Html ونضع الخاصية المناسبة له من css ثم نكتب قيمة الخاصية وفى النهاية نغلق القوس }
مثال:
مثال:
<head>
<style>
h1{
color:red;
font-family:verdana;
border:solid black;
}
p{
color:blue;
font-family:tahoma;
background-color:lightgrey;
}
</style>
</head>
<body dir="rtl">
<h1>الأوفيس</h1>
<p>حزمة برامج الأوفيس تنتجها شركة ميكروسوفت وتمتاز هذه الخدمة بأنها موجهه لجميع مستخدمى الكمبيوتر ومن أهم هذه البرامج</p>
<p>أولا: برنامج micirosoft word: وهو برنامج مخصص لمعالجة الكلمات وتنسيقها</p>
</body>
نتيجة المثال:-
المشاركات
ليست هناك تعليقات:
إرسال تعليق