دروس CSS الأساسية
- الصفحة السابقة HTML
- الصفحة التالية Javascript
المعرفة الأساسية المطلوبة
قبل أن تستمر في التعلم، يجب أن تكون على علم الأساسيات التالية:
- HTML
- XHTML
إذا كنت ترغب في تعلم هذه المشاريع أولاً، فأنت يجب أن الصفحة الرئيسية زيارة الدروس ذات الصلة.
- مقدمة إلى CSS
-
- CSS تشير إلى جدول الأنماط المترابطة (Cascading Style Sheets)
- تعريف الأنماطكيفية العرض عناصر HTML
- تخزن الأنماط عادةالجداول الأنماطفي
- لإضافة الأنماط إلى HTML 4.0، كان الهدفحل مشكلة الفصل بين المحتوى والتمثيل
- جدول النمط الخارجييمكن أن تزيد من كفاءة العمل بشكل كبير
- تخزن الجداول الأنماط الخارجية عادة ملف CSSفي
- تعريف أنماط متعددة يمكنالتراكملأحد
حللت الأنماط مشكلة شائعة
تم تصميم علامات HTML لتعريف محتوى الوثيقة. من خلال استخدام علامات مثل <h1>, <p>, <table>، كانت HTML تُتوقع لتقديم معلومات مثل “هذا هو العنوان” أو “هذا هو الجملة” أو “هذا هو الجدول” وما إلى ذلك. وكانت تُتوقع أن يقوم المتصفح بتنسيق النص دون استخدام علامات تنسيق
بسبب أن نوعين رئيسيين من المتصفحات (Netscape وInternet Explorer) يستمران في إضافة علامات HTML الجديدة والخصائص (مثل علامات النص والخصائص اللونية) إلى معايير HTML، أصبح إنشاء مواقع تُظهر محتوى الوثيقة بشكل مستقل عن طبقة التمثيل أصعب
لحل هذه المشكلة، قامت منظمة الاتحاد العالمي للإنترنت (W3C)، الاتحاد غير الربحي للمعايير، بتحمل مهمة معايير HTML، وقد قامت بإنشاء STYLES (الأنماط) خارج HTML 4.0
دعم جميع المتصفحات الرئيسية للجداول الأنماط المترابطة
تزيد الجداول الأنماط من كفاءة العمل بشكل كبير
تحدد جدول الأنماط كيفية عرض عناصر HTML، عادة ما يتم حفظ علامات النص والخصائص اللونية في ملفات CSS الخارجية مثل تلك المستخدمة في نموذج الأنماط HTML 3.2. من خلال تعديل وثيقة CSS بسيطة، تجعل الجداول الأنماط الخارجية لديك القدرة على تغيير مظهر كل الصفحات في الموقع بشكل متزامن.
بفضل السماح بالتحكم في النمط والتصميم لمتعدد الصفحات في نفس الوقت، يمكن القول إن CSS هو اختراق في مجال تصميم الويب. كمطور مواقع، يمكنك تعريف نمط لكل عنصر HTML وتطبيقه على أي عدد تريده من الصفحات. إذا كنت بحاجة إلى إجراء تغييرات عالمية، يمكنك ببساطة تغيير النمط، وسينتج عن ذلك تحديث تلقائي لجميع العناصر في الموقع.
سيتم دمج النماط المتعددة في
يسمح جدول النمط بتحديد معلومات النمط بطرق متعددة. يمكن تحديد النمط في عنصر HTML الخاص، في علامة الرأس في صفحة HTML، أو في ملف CSS خارجي. حتى يمكن تضمين عدة جدول نماط خارجية داخل وثيقة HTML واحدة.
ترتيب التسلسل
عندما يتم تعريف نفس عنصر HTML باستخدام أكثر من نمط، أي نمط سيتم استخدامه؟
في العادة، كل النماط ستتسلسل في جدول نمط افتراضي جديد، حيث يحصل الرقم 4 على أعلى الأولوية.
- إعدادات المتصفح الافتراضية
- جدول النمط الخارجي
- جدول النمط الداخلي (موجود داخل علامة <head>)
- النمط المدمج (داخل عنصر HTML)
لذلك، فإن النمط المدمج (داخل عنصر HTML) يمتلك أقصى الأولوية، مما يعني أنه سيتم التفضيل عليه عن النمط المحدد أدناه: تصريحات النمط في علامة <head>، تصريحات النمط في جدول النمط الخارجي، أو تصريحات النمط في المتصفح (القيمة الافتراضية).
- الصفحة السابقة HTML
- الصفحة التالية Javascript
