آموزش استایل دهی به متن‌ها در Html & CSS

آخرین بروزرسانی در تاریخ : 16 تیر 1402

با جلسه آموزش استایل دهی به متن‌ها در Html & CSS از دوره رایگان آموزش HTML و CSS، در خدمت شما همراهان آکادمی وبکیما هستیم، همان‌طور که می‌دانید در جلسات قبلی راجع به قالب بندی متون در HTML صحبت کردیم و نحوه قالب‌بندی متن‌ها در HTML را آموزش دادیم، حال در این جلسه نوبت به استایل دهی به متن‌ها از طریق زبان نشانه‌گذاری CSS است، بنابراین اگر می‌خواهید نحوه استایل دهی به متن‌ها در html و css را به خوبی یاد بگیرید، حتما این آموزش را با دقت دنبال کنید.

راهنمای مطالعه:

راهنمای کامل برای استایل دادن به متن با استفاده از CSS

استایل دهی به متن در CSS از طریق تعیین ویژگی‌های متنی مانند رنگ، فونت، اندازه و فاصله‌بندی انجام می‌شود. در زیر نحوه استفاده از CSS برای استایل دادن به متن را می‌توانید مشاهده کنید:

تعیین رنگ متن:

می‌توانید با استفاده از خاصیت “color” رنگ متن را تغییر دهید. به عنوان مثال:

   p {
     color: blue;
   }

تعیین فونت:

با استفاده از خاصیت “font-family” می‌توانید نوع فونت را تغییر دهید. به عنوان مثال:

   p {
     font-family: Arial, sans-serif;
   }

تعیین اندازه متن:

با استفاده از خاصیت “font-size” می‌توانید اندازه متن را تغییر دهید. به عنوان مثال:

p {
font-size: 16px;
}

تعیین فاصله‌بندی بین خطوط:

با استفاده از خاصیت “line-height” می‌توانید فاصله‌بندی بین خطوط را تغییر دهید. به عنوان مثال:

   p {
     line-height: 1.5;
   }

تعیین وزن متن:

با استفاده از خاصیت “font-weight” می‌توانید وزن متن را تغییر دهید. به عنوان مثال:

   p {
     font-weight: bold;
   }

این تنها نمونه‌هایی از ویژگی‌هایی هستند که در CSS برای استایل دادن به متن می‌توانید استفاده کنید. با استفاده از ترکیب این ویژگی‌ها می‌توانید استایل دلخواه خود را برای متن‌ها در وبسایت خود ایجاد کنید.

5/5 - (3 امتیاز)

نظرات در “آموزش استایل دهی به متن‌ها در Html & CSS”

الیاس میگوید:
عبارت font-weight که بیانگر “وزن فونت” است چرا تو اموزش ها به نظر میاد برای انتخاب “نوع فونت” بکار گرفته میشه؟

در
برای پاسخ دادن وارد شوید
- پشتیبانی میگوید:
  اگر آموزش را با دقت دنبال کنید، متوجه می شوید که نوع فونت به تگ body داده شده است و دیگر نیازی به انتخاب نوع فونت در هر المانی نیست.
  
  در
  برای پاسخ دادن وارد شوید
الیاس میگوید:
برای اینکه در یک ردیف افقی کنار عکس یه پارگراف باشه و نره خط بعد تو html چه کد بزنیم؟

در
برای پاسخ دادن وارد شوید
- پشتیبانی میگوید:
  آموزش‌ها را دنبال کنید، تا اینجا فقط مباحث بسیار مقدماتی آموزش داده شده است، دنیای ‌html css بسیار بزرگ تر از آن چیزی است که فکر می‌کنید، برای انجام هر کاری در این دنیا ده ها راه مختلف وجود دارد.
  
  در
  برای پاسخ دادن وارد شوید
الیاس میگوید:
سلام متن چشمک زن را چطور درست کنیم؟

در
برای پاسخ دادن وارد شوید
- پشتیبانی میگوید:
  سلام، توسط کدهای جاوا اسکریپت طراحی میشود.
  
  در
  برای پاسخ دادن وارد شوید