أعزائي رواد هذا المنتدى السلام عليكم ورحمة الله وبركاته وبعد أشكركم على هذا المنتدى وأود المشاركة معكم بما أستطيع وأرجو منكم التنبيه للخطأ إن وجد لتعم الفائدة للجميع وهذا درس في أوراق الأنماط . إذا هيا لنبدأ الدرس الأول:
ماهي أوراق الأنماط
أوراق الأنماط style sheets تعتبر من المواضيع المتقدمة في تصميم الصفحات وهي تشير إلى مزيج من الأساليب التي تسمح لك بالتحكم بعناصر النمط مثل الترويسات والنص واللون والهوامش و مؤثرات خاصة.
وقد استعملت في النشر المكتبي على مدى سنوات.
ويعد إدخالها في لأغراض الويب, الحل لكثير من مسائل النمط التي لم تعالجها لغة HTML من قبل.
هناك ثلاثة أنواع من أوراق الأنماط المستخدمة على الإنترنت:
· المباشر Inline: يتيح لك الأسلوب المباشر أخذ أي وسم HTML و إضافة نمط إليه. لنقل أنني أريد ضبط طقم حروف فقرة ما. يمكنني فعل ذلك بإضافة الوسيط التالي
STYLE="FONT: ARIAL"
إلى وسم الفقرة <P> , فيعرض المتصفح تلك الفقرة باستخدام طقم الحروف الذي يشير إليه الوسيط في الكود.
· المبيّت Embeded: هو أسلوب يتيح لك التحكم بصفحة HTML كاملة باستعمال الوسم <STYLE> الذي يوضع بين وسمي الابتداء <HTML> و <BODY> تدرج سمات نمطية تفصيلية يتم تطبيقها على الصفحة بأكملها.
· المرتبط Linked: يسمى أيضاً ورقة النمط الخارجي ، وهو طريقة قوية لإنشاء أنماط رئيسية يمكن تطبيقها على الموقع بأكمله. يتم إنشاء مستند نمطي رئيسي ويعطى اللاحقة CSS. ويحتوي هذا المستند على الأنماط التي تريد أن تتبناها صفحة واحدة أو حتى آلاف الصفحات. و أي صفحة ترتبط بهذا المستند تتبنى الأنماط التي يدعوا إليها ذلك المستند.
يمكنك أيضاً استعمال الأنماط الثلاثة و المتصفح يقوم بتفسير الأنماط المرتبطة أولاً ثم المبيتة ثانياً وأخيراً المباشرة.