كيف تعمل تقنية CSS؟في هذا الدرس ستتعلم كيف تقوم بإنشاء ملف التصميم الأول، ستتعلم أساسيات CSS وما
هي الوسوم اللازمة لتستخدم CSS في وثيقة HTML.
الكثير من خصائص CSS تشبه تلك المستخدمة في HTML، لذلك إذا تعلمت HTML
واستخدامتها لإنشاء التصاميم فأنت في الغالب ستتمكن من تعلم CSS بسهولة، لنلقي نظرة
على هذا المثال الأساسي.
القواعد الأساسية لكتابة CSSلنقل أننا نريد اللون الأحمر ليكون خلفية للصفحة:
باستخدام
HTML يمكننا أن ننجز ذلك بهذه الطريقة:
مع
CSS يمكن تحقيق نفس النتيجة بكتابة هذه الأوامر:
body {background-color: #FF0000;}كما تلاحظ، أوامر CSS تتشابه كثيراً مع HTML، والمثال أعلاه يوضح لك الأسلوب
الأساسي لكتابة CSS:
لكن أين نضع أوامر CSS؟ هذا هو ما سنتعلمه الآن.
تفعيل CSS في صفحة HTMLهناك ثلاث طرق يمكن أن تستخدمها لتفعيل CSS في صفحة HTML، هذه الطرق مشروحة
أدناه، ونحن ننصح بأن تركز وتستخدم الطريقة الثالثة، وهي أن تضع CSS في ملف
منفصل.
الطريقة 1: ضمن وسوم HTML باستخدام خاصية styleإحدى الطرق لتفعيل CSS في HTML هي باستخدام خاصية style، لنأخذ
مثالاً على أساس المثال أعلاه الذي أردنا فيه استخدام اللون الأحمر كلخفية للصفحة،
يمكن تطبيق هذا الأمر بهذا الشكل
Example
This is a red page
الطريقة 2: ضمت ملف HTML باستخدام وسم style
هذه طريقة مختلفة بأنها تستخدم وسم
This is a red page