الكورس

Advertisements

CSS overview


 
💡 إذا كنت ترغب في بدء تشغيل carrer كمصمم ويب محترف ، فإن التصميم هو مهارة لا بد منها.

 

ما هى لغة الـ CSS؟

 

  1. CSS إختصار لـ Cascading Style Sheets (أوراق الأنماط المتتالية).
  2. CSS هي آلية بسيطة لإضافة style (نمط) على سبيل المثال [ الخطوط والألوان والتباعد ] إلى صفحات الويب.
  3. تصف CSS كيفية عرض العناصر على الشاشة أو في الكلام أو على وسائط أخرى.
  4. CSS هي واحدة من اللغات الأساسية للويب المفتوح ويتم توحيدها عبر متصفحات الويب وفقًا لمواصفات W3C.

 

لماذا نتعلم CSS؟

 

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

 

💡 مثال للتوضيح [ إذا كنت تريد جعل فقره (p) معينة لونها أزرق ]:

p {
  color: blue;
}

✔ لو كنت مبتدأ أنصحك بقراءة هذه المقالة 10 نصائح للمبرمجين الجدد.


 

بعض المعلومات النظرية عن لغة CSS

 

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

💡 يتم تحميل الصفحات بشكل أسرع: إذا كنت تستخدم CSS ، فلن تحتاج إلى كتابة سمات وسوم الـ HTML في كل اللى عليك كتابة قاعدة CSS واحدة للوسم وتطبيقها على جميع مرات ظهور هذا الوسم، لذا فإن كود أقل يعني أوقات تنزيل أسرع.

💡 سهولة التعديل:  لإجراء تعديل كل اللى عليك تغيير الـ style ، وسيتم تحديث جميع العناصر في جميع صفحات الويب تلقائيًا.

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


 

💡ملاحظة: يجب أن تكون على دراية بلغة HTML قبل البدأ فى لغة CSS، لأن لغة CSS تقوم بتنسيق عناصر الـ HTML.


 

✔ لا تنسي متابعتنا على مواقع التواصل الإجتماعى لمعرفة دروس الكورس أول بأول.



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!