فصل چهارم: خواص بنیادی (Basic Properties) در CSS

اینجا با مهم‌ترین و پایه‌ای‌ترین ویژگی‌های CSS که خیلی زیاد استفاده می‌شن آشنا می‌شیم. این خواص، ابزار اصلی برای تغییر ظاهر عناصر وب هستند.

۱. رنگ (Color)

برای تغییر رنگ متون از ویژگی color و برای پس‌زمینه از background-color استفاده کن.

p {
  color: #333333;
  background-color: #f2f2f2;
}

h1 {
  font-size: 32px;
  font-family: 'Tahoma', Arial, sans-serif;
}

div {
  margin: 20px;
  padding: 10px;
}

برای اضافه کردن قاب دور عناصر:

img {
  border: 2px solid #0099ff;
}

div.box {
  width: 300px;
  height: 150px;
}

<div class="box">
  <h2 style="color: #0099ff;">مثال زیبا</h2>
  <p>این یک متن آزمایشی است.</p>
</div>

.box {
  background-color: #e3f2fd;
  margin: 25px;
  padding: 15px;
  border: 2px dashed #2196f3;
  width: 350px;
  height: 120px;
}

یک عنصر ساده بساز (مثلاً div یا section) و با استفاده از ویژگی‌هایی که گفتیم:

محمد وب‌سایت