أعزائي السلام عليكم ورحمة الله وبركاته وهذه عودة إلى دروس أوراق الأنماط مع العناصر المتبقية في هذا الدرس:
=========================
· أوراق الأنماط المرتبطة.
· الفئة والتجميع.
· خصائص الأنماط.
------------------------------------------------------------
أوراق الأنماط المرتبطة:
======================
توسع وسيلة النمط المرتبط مفهوم النمط المبيت. تكود كل الأنماط التي يمكن تطبيقها خارجياً كما تفعل لتكويد ورقة نمط مبيت, لكنها توضع في مستند مستقل يعطى هذه اللاحقة CSS. إذا أردت تطبيق الأنماط التي انتقيتها للمثال السابق عن النمط المبيت على عدة صفحات داخل موقعي, ما عليّ إلا إنشاء مستند بالمعلومات ذاتها:
ثم احفظ ذلك المستند في ملف مستقل أسميه MYSTYLE.CSS وأتحقق من أنه في نفس الدليل الذي توجد فيه ملفات الصفحات التي أريد ربطه بها تحتوي على نفس النمط.كود:<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-DECORATION: NONE} </STYLE>
ثم تستطيع بعد ذلك ربط أي صفحة تريد لها هذا النمط في موقعك بهذا المستند الذي قمت بإنشائه بوضع الكود التالي تحت الوسم </TITLE> وفوق الوسم </HEAD>:
<HTML>
<HEAD><TITLE> النمط
</TITLE>
<LINK REL= STYLESHEET HREF=”MYSTYLE.CSS”TYPE=”TXET/CSS”>
</HEAD>
عند ربطك أي صفحة في موقعك بهذا الكود سوف تتبنى هذه الصفحة جميع الأنماط الموجودة في المستند الذي قمت بإنشائه .
------------------------------------------------------------
الفئة والتجميع:
===============
هناك جانبان مهمان لأوراق الأنماط وهما الفئة والتجميع.
الفئة class:
**************
هي الجزء الملازم للنمط. وتشير الفئة في نمط HTML إلى طريقة تفكيك النمط إلى أجزاء دقيقة. فكلما أردت أن يبدو بعض النص على صفحاتك مختلفاً من بقية النص, يمكنك إنشاء ما يساوي وسم HTML مخصخصاً. ويسمى كل نوع تحدده من النص المنسق بشكل خاص فئة النمط style class .
فئة النمط style class: مجموعة مخصخصة من مواصفات التنسيق التي يمكن تطبيقها على أي قسم في النص .
مثال : لو أردت نوعين مختلفين من عناوين <h1> في مستندك تقوم بإنشاء فئة نمط لكل نوع بوضع النص التالي في ورقة النمط:
H1.DECORATIVE {FONT: 24pt Lucida Handwriting}
H1.SANS {FONT: 18pt Arial}
و للاختيار بين فئتي النمط في صفحة HTML تستعمل الخاصية CLASS كما يلي:
كود:<H1 CLASS=DECORATIVE> We Live in Interesting Times</h1> The old Chinese curse has come true! <H1 CLASS=SANS>Read the Book</h1> An excellent Book by Turing Minsky explains why.
التجميع grouping:
*****************
تكثيف الوسوم و الخصائص المتصلة بالنمط وهذا مثال عن وسوم وصفات غير مجمعة:
P.1 {FONT: ARIAL; FONT-SIZE: 12pt; line-height: 14pt}
وهذا المثل يعني أن كل الفقرات من الفئة 1 تظهر بطقم الحروف Arial بحجم 12 نقطة ويكون ارتفاع السطر 14 نقطة ويمكنني تجميع هذه الفئة كما يلي:
P.1 {FONT:12pt/14pt Arial}
ويكون عمل أوراق الأنماط مماثلاً لذلك. لاحظ كيف أنني أضع حجم طقم الحروف أولاً وارتفاع السطر بعد الشرطة المائلة إلى الأمام يليه اسم طقم الحروف. فالتجميع يتطلب ترتيباً محدداً.
هذا هو درس اليوم وإلى لقاء قريب عن خصائص أوراق الأنماط بشكل موسع من التفصيل.
faleh
