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

    الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:

css

h1 {
  color: red;
}

    الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:

css

body {
  background-color: yellow;
}

    الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

p {
  font-size: 16px;
}

    الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:

css

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:

css

h1 {
  text-align: center;
}

    الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:

css

div {
  border: 2px solid black;
}

    الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:


div {
  padding: 10px;
}

    الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
  margin: 10px;
}


    الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:

css

ul {
  display: inline-block;
}

    الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:

css

img {
  float: left;
  margin-right: 20px;
}

    الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

div {
  height: 200px;
}

    الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

img {
  width: 100%;
}

    الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:

css

div {
  position: absolute;
  top: 50px;
  left: 50px;
}

    الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:

css

div {
  z-index: 1;
}

🟡اللجنة العلمية CYS 2🟡

من المحاضرة الأولى إلى الرابعة عملي
#ملخص عبارة عن أسئلة لما تم أخذه

🟨Object_Oriented_Programming 🟨

#Chapter_1_2_3_4
#Week_1_2_3_4
#Level_2
#Cyber_Security
#Object_Oriented_Programming

https://news.1rj.ru/str/CYS2MCQ/1420

#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻

🔰 Entity-Relationship (ER) Model 🔰
#محاضرة_نظري
#منصور_نعمان
#Level_2
#Week_4
#Cyber_Security
#Database_System

⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿
☎HTTP://T.ME/USF_SERVER_BOT
⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿

تعرف على الفرق بين حجم استهلاك المتصفحات لل(RAM) وحسب إعداد الTabs

🔰ملخص المحاضرة الثالثة في مادة أمن معلومات وهو عبارة عن اسئلة 🔰

#ملخص

تكملة الشابتر الاول والى السلايد 22 في الشابتر الثاني

🟡اللجنة العلمية CYS 2🟡

🟨Information_Security🟨

#Chapter_2
#Week_2
#Level_2
#Cyber_Security
#Information_Security

#لجميع_الجروبات.
د.#عبد_الواسع_العزاني
#اسئلة👇🏻

https://news.1rj.ru/str/CYS2MCQ/1452