ما هو CSS؟

حيل CSS لتخطيطات صفحات الويب

This post is also available in: English (الإنجليزية)

يتضمن تطوير الويب تطوير موقع ويب للإنترنت (شبكة الويب العالمية) أو شبكة إنترانت (شبكة خاصة). يمكن أن يتراوح تطوير الويب من تطوير صفحة ثابتة واحدة بسيطة من نص عادي إلى تطبيقات الويب المعقدة والأعمال الإلكترونية وخدمات الشبكات الاجتماعية. تشير القائمة الأكثر شمولاً لمهام تطوير الويب عادةً إلى هندسة الويب ، وتصميم الويب ، وتطوير محتوى الويب ، واتحاد العميل ، والبرمجة النصية من جانب العميل / الخادم ، وخادم الويب وتكوين أمان الشبكة ، وتطوير التجارة الإلكترونية.

ما هو CSS؟

يستخدم مصطلح CSS بشكل شائع في HTML وتطوير الويب. هل تعلم ما هو CSS؟

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

ما هو المغلق

يتم استخدام HTML لتعريف أشياء مثل العناوين والفقرات والسماح لك بتضمين الصور ومقاطع الفيديو والوسائط الأخرى.

تجلب CSS نمطًا إلى صفحات الويب الخاصة بك من خلال التفاعل مع عناصر HTML. العناصر هي مكونات HTML الفردية لصفحة الويب – على سبيل المثال ، فقرة – والتي قد تبدو في HTML كما يلي:

<p>This is my paragraph!</p>

إذا كنت تريد جعل هذه الفقرة تظهر باللون الوردي والجريء ، فاستخدم كود CSS التالي:

p{color:pink; font-weight:bold;}

في هذه الحالة ، يسمى “p” (الفقرة) “المحدد”. إنه جزء من كود CSS يحدد عنصر HTML الذي سيؤثر عليه نمط CSS. في CSS ، تتم كتابة المحدد على يسار القوس المتعرج الأول.

ما هو المغلق

تسمى المعلومات بين الأقواس المتعرجة إعلانًا. يحتوي على خصائص مثل حجم الخط واللون والهوامش والقيم التي يتم تطبيقها على المحدد مثل “وردي” و “غامق”.

مزايا CSS

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

من يجب أن يتعلم CSS؟

CSS أمر لا بد منه للطلاب والمهنيين العاملين ليصبحوا مهندس برمجيات عظيمًا خاصةً عندما يعملون في مجال تطوير الويب. بعض المزايا الرئيسية لتعلم CSS:

  • إنشاء موقع ويب مذهل– يعالج CSS الشكل والمظهر كجزء من صفحة الويب. باستخدام CSS ، يمكنك التحكم في لون النص ، ونمط الخطوط ، والتباعد بين الفقرات ، وكيفية تحديد حجم الأعمدة وتخطيطها ، وما هي صور أو ألوان الخلفية المستخدمة ، وتصميمات التخطيط ، وأشكال العرض لمختلف الأجهزة وأحجام الشاشة بالإضافة إلى مجموعة متنوعة من التأثيرات الأخرى.
  • كن مصمم ويب – إذا كنت ترغب في بدء مهنة كمصمم ويب محترف ، فإن تصميم HTML و CSS يعد مهارة لا غنى عنها.
  • التحكم في الويب – CSS سهل التعلم والفهم ولكنه يوفر تحكمًا قويًا في عرض مستند HTML. الأكثر شيوعًا ، يتم دمج CSS مع لغات الترميز HTML أو XHTML.
  • تعلم لغات أخرى – بمجرد فهم أساسيات HTML و CSS ، يصبح من السهل فهم التقنيات الأخرى ذات الصلة مثل JavaScript أو php أو angular

من الذي ينشئ CSS ويحافظ عليها؟

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

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>