[css] الدرس 3 : تعرف على css

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

درسنا الثالث من الدورة عن الـ css

ما هو الـ css

الـ css هو لغة هى ما تشكل لغة html حسب رغبتك فلغة الـ html يكون ترتيبها عشوائى ومن الصعب ترتيبها وتغير اشكالها لذا يجب تنظيمها لان كل خلية فى جسمك مرتبة ترتيب منظم حتى تشكلك وهكذا وقد اتت فكرة الـ css من ان المواقع قد سئمت فهم يشكلون الموقع بالـ html والشكل النهائى يصممة المتصفح نفسة اى انا جميع المواقع نفس الشكل لذا اتت فكرة لغة css

تكوين الـ css

كتابه كود css

لكتابة كود css يجب ان يكون بين وسمين بهذة الصورة

<style>

هنا كود الـ css

<style/>

وبلوجر توفر مستدعى رئيسى للـ css وهو الوسم <b:skin>

حيث هذا هو الوسم الرئيسيى للـ css فى بلوجر ولا يمكن تكرارو اكثر من مرة ودوما يكون فى اى قالب

كيف يتكون كود css

كود الـ css ثلاثة انواع

• class
• id
• بدون وهو انشاء وسم خاص بك

لعمل كود class للـ css يجب ان يسبق الكود نقطة اى هكذا

<style>
 } your-class-name.
css code here
{
<style/>

وبعد تشكيلة بـ css يتم استدعائة فى html هكذا

<div class='your-class-name'>

• وليس شرطا ان يكون div بل اى وسم من وسوم html
• هنا نلاحظ ايضا اننا حين نستدعية فى html نحذف النقطة

لعمل كود id للـ css يجب ان يسبق الكود علامة هاشتاج "#" اى هكذا

<style>
 } your-id-name#
css code here
{
<style/>

وبعد تشكيلة بـ css يتم استدعائة فى html هكذا

<div id='your-class-name'>

• وليس شرطا ان يكون div بل اى وسم من وسوم html
• هنا نلاحظ ايضا اننا حين نستدعية فى html نحذف #

لعمل كود بدون للـ css  وهو ان تنشئ وسم خاص بك فيه خصائصك الخاصة بالـ css ولا يجب ان يسبقة اى شئ نفعل هكذا

<style>
 } your-with-out-name
css code here
{
<style/>

وبعد تشكيلة بـ css يتم استدعائة فى html هكذا

<your-with-out-name>

• هنا نلاحظ اننا انشئنا وسم خاص بنا وليس وسم html من المعروفين

ملاحظة : فى الثلاث انواع سابقة يستبدل your-...-name باسم تريدة انت حتى لاتكون كل الورقة متشابهه فى الصفات

شكرا لحسن المتابعة انتظرونا فى درس قادم باذن الله ونرجوا الاشتراك فى القائمة البريدية والاعجاب بصفحة فيسبوك 

شارك شارك شارك