logo

ما هو CSS

ما هو CSS؟

يشير CSS إلى أوراق الأنماط المتتالية. ويصف للمستخدم كيفية عرض عناصر HTML على الشاشة بالتنسيق المناسب. CSS هي اللغة المستخدمة لتصميم مستندات HTML. بكلمات بسيطة، أوراق الأنماط المتتالية هي لغة تستخدم لتبسيط عملية إنشاء صفحة ويب.

يتم استخدام CSS للتعامل مع بعض أجزاء صفحة الويب. بمساعدة CSS، يمكننا التحكم في لون النص ونمط الخطوط، ويمكننا التحكم في التباعد بين الفقرة وأشياء أخرى كثيرة. من السهل فهم CSS ولكنه يوفر تحكمًا قويًا في مستندات Html. ويتم دمج CSS مع HTML.

مزايا CSS

فيما يلي المزايا التالية لـ CSS، مثل:

    سرعة الصفحة أسرع:تتميز بسرعة صفحة أسرع من سرعات صفحات الأكواد الأخرى. بمساعدة قاعدة CSS، يمكننا تطبيقها على كافة تكرارات علامات معينة في مستندات HTML.تجربة مستخدم أفضل:يجعل CSS صفحة الويب جذابة جدًا للعين. كما أن CSS يجعلها سهلة الاستخدام. عندما يكون الزر أو النص بتنسيق مناسب، فإنه يعمل على تحسين تجربة المستخدم.وقت تطوير أسرع:بمساعدة CSS، يمكننا تحديد تنسيق ونمط الصفحات المتعددة في سلسلة تعليمات برمجية واحدة. في ورقة الأنماط المتتالية، يمكننا عمل نسخة مكررة من عدة صفحات على شبكة الإنترنت.
    إذا قمنا بإنشاء صفحة ويب، فستكون بنفس التنسيق والشكل والمظهر، لذا بمساعدة قاعدة CSS لصفحة واحدة، تكون كافية لجميع الصفحات.تغييرات التنسيق السهلة:في CSS، إذا أردنا إجراء تغييرات على التنسيق، فالأمر سهل للغاية؛ نحتاج فقط إلى تغيير تنسيق الصفحة الواحدة الذي سيتم تطبيقه تلقائيًا على صفحات CSS الأخرى.
    ليست هناك حاجة لتصحيح الصفحات الفردية في ورقة أنماط CSS. إذا قمنا بإصلاح ورقة أنماط CSS، فسيتم تحديث ورقة أنماط CSS الأخرى تلقائيًا.التوافق:التوافق مهم جدا في عصر اليوم. إذا قمنا بإنشاء أي صفحة ويب، فيجب أن تكون سريعة الاستجابة وسهلة الاستخدام. يتم استخدام CSS مع Html لجعل تصميم صفحة الويب سريع الاستجابة.

لماذا نستخدم CSS؟

كما نعلم جميعًا، تعد CSS لغة أوراق أنماط قوية تستخدم للتحكم في مستند HTML لتحسين تصميم صفحة الويب.

    يوفر CSS الكفاءة في تصميم صفحات الويب:كما أنه يوفر تحديثات حتى تعمل صفحة الويب الخاصة بنا بشكل مناسب. وبمساعدة CSS، يمكننا إنشاء هذه القواعد وتطبيقها داخل موقع الويب. إذا قمنا بإنشاء تصميم صفحة ويب بشكل منفصل، فيمكننا إجراء تغييرات في ورقة الأنماط الخاصة بنا، وسيؤثر ذلك على جميع أوراق الأنماط.يوفر CSS تنزيلًا أسرع للصفحة:يساعد CSS في تنزيل الصفحة بشكل أسرع لأنه عندما نقوم بتنزيل صفحة، نحصل على ذاكرة التخزين المؤقت التي تساعد في تحميل الصفحة، ولكن بمساعدة CSS، يمكننا أن نؤدي إلى تحميل صفحة أخف مما يساعد على تحسين الأداء.CSS سهل العمل:في CSS، يمكننا فصل الجانب المرئي للموقع تمامًا عن المحتوى؛ باستخدام CSS، يمكننا إنشاء موقع ويب يتيح لنا إنشاء تخطيط سريع0074.

مثال على CSS

 body { background-color: lightblue; } h1 { colour: white; text-align: center; } p { font-family: Verdana; font-size: 20px; } <p>This paragraph will be red</p> <p id="center">This paragraph will be pink and center-aligned</p> 

خلفية CSS

في CSS، لدينا طرق مختلفة يمكننا من خلالها التأثير على مستندات HTML. هناك عدد قليل منها على النحو التالي:

    لون:يتم استخدامه لتغيير ألوان الخلفية.يكرر:يتم استخدامه للتحقق مما إذا كانت الصورة يجب أن تتكرر. إذا كانت الإجابة بنعم، فسوف يخبرك بكيفية القيام بذلك.صورة:يتم استخدامه لضبط الصورة في الخلفية.موضع:يحدد موضع الصورة في CSS.

حدود CSS

يتم استخدامه لإعداد الحدود لعناصر Html. هناك بعض الخصائص الرئيسية لإعداد الحدود في عناصر HTML:

    عرض:يساعد على ضبط عرض الحدود.أسلوب:يساعد على ضبط نمط الحدود.لون:يساعد على ضبط لون الحدود.نصف القطر:يساعد على ضبط نصف قطر الحدود.

يمكننا ضبط الحدود من اليمين ، ومن الأعلى، ومن الأسفل، ومن اليسار. على سبيل المثال: عرض الحدود = 2 بكسل، 5 بكسل؛