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