logo

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





18-06-2020 01:10 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 2235
الدولة : فلسطين
الجنس :
تاريخ الميلاد : 11-9-1998
الدعوات : 18
قوة السمعة : 440
موقعي : زيارة موقعي

بسم الله الرحمن الرحيم

في درسنا الاول من دورة اكواد css على شركة انكور التطويرية سنتكلم عن تركيبة اكواد الـ css





ما هي اجزاءها وكيف يتم تحديدها وتقسيمها
في البداية تتكون مجموعة قواعد CSS من محدد وكتلة تعريف:
4110
كما نلاحظ بالصورة بالاعلى
فإن الكود يبدأ بالوسم او الكلاس وهو الذي يكون متصل باكواد الـ html بنفس الاسم وذلك لنقل النمط المخصص له في اكواد الـ css الى الـ html
فكما نلاحظ نبدأ باسم الوسم .h1 وبعدها نقوم بفتح الكود بوضع الرمز { ونضع بعدها الخاصية و القيمة الخاصة بها
فكما هو موجود بالمثال بالأعلى خاصية اللون (color) وبعدها نضع نقطتين متتاليتين ( : ) ومن ثم نضع القيمه الخاصة فكما بالمثال (red)
وفي حال وجود خواص أخرى نضيف بعد القيمة فاصلة منقوطة ( ; ) والتي تفيد بالتعداد
ومن ثم نضع نضع الخاصية الاخرى والتي استعملتها بالمثال كانت (text-align) والتي تعني محاذاة النص للتحكم في مكان النص وبعدها وضعت النقطتين الرأسييتين ( : ) ومن ثم
أضفت القيمه الخاصة به (center) وتعني المنتصف ومن ثم أعدت وضع الفاصلة المنقوطة لأنه حدث تكرار ( ; ) وبالنهاية نغلق الكود بنفس الطريقة التي فتحناه فيها
ولكن نعكس اتجاه الرمز }
فيصبح الكود كالتالي
CODE
<br />
.h1 {<br />
color:red;<br />
text-align:center;<br />
{<br />
<br />

ieo10
وأستطيع اختصار ما شرحته بـ 4 نقاط وهي :
- يشير الوسم إلى عنصر HTML الذي تريد تصميمه.
- تحتوي كتلة التعريف على خاصية واحدة أو أكثر مفصولة بفواصل منقوطة.
- تتضمن كل خاصية اسم الخاصية CSS وقيمة مفصولة بنقطتين.
- يتم فصل إعلانات CSS المتعددة بفواصل منقوطة ، وتحيط كتل الإعلانات بأقواس متعرجة. {}
ieo10
انتهى الشرح
ان شاء الله أكون بسطتها قدر المستطاع واعطيتها حقها بالشرح
بالتوفيق للجميع
جميع الحقوق محفوظة لـلمشاهدة الروابط يلزمك التسجيل
يمنع النقل دون ذكر المصدر
والسلام ختام
توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل



look/images/icons/i1.gif [الدرس الاول] شرح تركيب اكواد الـ css
  29-08-2020 12:37 مساءً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 161
الجنس :
تاريخ الميلاد : 27-10-1998
الدعوات : 1
قوة السمعة : 20
جزاك الله الف خير

ددرس سهل وسلس


look/images/icons/i1.gif [الدرس الاول] شرح تركيب اكواد الـ css
  20-09-2020 11:51 مساءً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 09-06-2020
رقم العضوية : 191
المشاركات : 36
الدولة : الجزائر
الجنس :
تاريخ الميلاد : 3-1-2004
قوة السمعة : 110
موقعي : زيارة موقعي
بارك الله فيك

اضافة رد جديد اضافة موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[الدرس الاول] تعرف على الموقع Admin
1 702 Admin
[الدرس الاول] شرح حجز نطاق مجاني وحجز الاستضافة Admin
15 2058 samehwsh

الكلمات الدلالية
الدرس ، الاول ، شرح ، تركيب ، اكواد ، الـ ، css ،









الساعة الآن 08:31 PM