مدرس دوره

نبی عبدی

زمان ویدیو

16:25 دقیقه

برو به دیگر جلسات

آموزش HTML و CSS

دانلود ویدیو

وارد شوید

آموزش استایل دهی به متن‌ها در 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 امتیاز)

دیدگاه و پرسش

  1. الیاس میگوید:

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

    • پشتیبانی میگوید:

      اگر آموزش را با دقت دنبال کنید، متوجه می شوید که نوع فونت به تگ body داده شده است و دیگر نیازی به انتخاب نوع فونت در هر المانی نیست.

  2. الیاس میگوید:

    برای اینکه در یک ردیف افقی کنار عکس یه پارگراف باشه و نره خط بعد تو html چه کد بزنیم؟

    • پشتیبانی میگوید:

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

  3. الیاس میگوید:

    سلام متن چشمک زن را چطور درست کنیم؟

    • پشتیبانی میگوید:

      سلام، توسط کدهای جاوا اسکریپت طراحی میشود.

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!