ما هو CSS؟ class واللون وflex

HTML كلمات الصفحة. CSS هو لونها وحجمها ومكانها. يُكتب التنسيق داخل وسم style.

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      h1 { color: #2f6bff; }
      .card {
        background: #101826;
        color: white;
        padding: 16px;
      }
    </style>
  </head>
  <body>
    <h1>Nibras</h1>
    <p class="card">This box has a class.</p>
  </body>
</html>

class يربط تنسيقاً باسم. النقطة للفئة: .card. flex يضع العناصر جنباً إلى جنب.

.row {
  display: flex;
  gap: 12px;
}
.row p {
  background: #1c2740;
  color: white;
  padding: 12px;
}

في HTML يُستدعى هكذا: <div class="row"><p>واحد</p><p>اثنان</p></div>.

هل يحل CSS محل HTML؟ لا. HTML هو البنية وCSS هو المظهر.

فيم تُستخدم class؟ لإعطاء التنسيق نفسه لعدة عناصر.

أين يُكتب color؟ داخل المحدد: h1 { color: #2f6bff; }.

ماذا يفعل flex؟ يضع العناصر الأبناء في صف واحد جنباً إلى جنب.