العناصر المتبقية من موضوع أوراق الأنماط:
· أوراق الأنماط المباشرة.
· أوراق الأنماط المبيتة.
· أوراق الأنماط المرتبطة.
· خصائص الأنماط.
· الفئة والتجميع.
----------------------------------------------------------
أوراق الأنماط المباشرة:
======================
يتطلب النمط المباشر الخاصية style كما يلي:
كود:
<P STYLE=”FONT: 14pt Arial”>
The text in this paragraph will display as 14 point text using the Arial font.
</P>
بعد أن تطبق المثال أعلاه سترى هذه النتيجة:



و بإمكانك إضافة الأنماط المباشرة إلى أي وسم HTML ذي صلة. فالفقرات والترويسات والسطور الأفقية ونقاط الارتكاز وخلايا الجداول هي بعض عناصر HTML التي يمكن أن تطبق عليها الأنماط المباشرة التي يمكنك البدء بها.
مثال:
كود:
<P STYLE=” COLOR: GREEN”> This text is green, but
<span style=”color:red”>this txt is red.</span>
back to green again, but…</p>
<p>…now the green is over, and we’re back to the default color this page.
طبق المثال أعلاه والنتيجة هي:


كما لاحظت في المثال أعلاه أن الوسم <SPAN> قد حدد نطاقاً من النص لذلك عندما تريد أن تعدل جزءاً من النص فقم باستخدام الوسم <SPAN> .

-----------------------------------------------------------
أوراق الأنماط المبيتة:
=====================
أوراق الأنماط المبيتة تستعمل الوسم <STYLE> وتوضع تحت الوسم </HEAD> وقبل الوسم <BODY> في مستند HTML قياسي:
كود:
<HTML>
<HEAD><TITLE>أوراق الأنماط المبيتة</TITLE>
</HEAD>
<STYLE>
BODY {BACKGROUND: #FFFFFF;COLOR:#000000;MARGIN-TOP: .25IN; MARGIN-LEFT: .75IN; MARGIN-RIGHT: .75IN}
H1 {FONT: 14PT VERDANA;  COLOR: #0000FF}
P {FONT: 12PT TIMES;TEXT-INDENT:0.5IN}
A {COLOR: #FF0000; TEXT-DECORTION: NONE}
</STYLE>
طبق المثال السابق ولاحظ النتيجة التالية:




تلاحظ في هذا المثال أن ورقة النمط بدأت تظهر بمظهر مختلف عن مظهر HTML القياسي. في هذه الحالة يدعو متن الصفحة إلى لون الخلفية ولون النص وحيّز بالإنش للهوامش العلوي و الأيمن و الأيسر.
لاحظ كيف أن عنوان المستوى الأول <H1> يدعو إلى طقم حروف باستعمال اسم طقم الحروف وحجم محدد بالنقاط. كما أن وسم الارتباط <A> يظهر بدون السطر التحتي وذلك نتيجة للصيغة TEXT-DECORATION: NONE مما يعطيك مظهراً جميلاً على مستندك.

هذا مالدي اليوم لعلني أكون قد أوصلت المعلومة بالشكل الصحيح وإلى لقاء قريب في الدرس التالي.