با جلسه آموزش استایل دهی به متنها در 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 برای استایل دادن به متن میتوانید استفاده کنید. با استفاده از ترکیب این ویژگیها میتوانید استایل دلخواه خود را برای متنها در وبسایت خود ایجاد کنید.
عبارت font-weight که بیانگر “وزن فونت” است چرا تو اموزش ها به نظر میاد برای انتخاب “نوع فونت” بکار گرفته میشه؟
اگر آموزش را با دقت دنبال کنید، متوجه می شوید که نوع فونت به تگ body داده شده است و دیگر نیازی به انتخاب نوع فونت در هر المانی نیست.
برای اینکه در یک ردیف افقی کنار عکس یه پارگراف باشه و نره خط بعد تو html چه کد بزنیم؟
آموزشها را دنبال کنید، تا اینجا فقط مباحث بسیار مقدماتی آموزش داده شده است، دنیای html css بسیار بزرگ تر از آن چیزی است که فکر میکنید، برای انجام هر کاری در این دنیا ده ها راه مختلف وجود دارد.
سلام متن چشمک زن را چطور درست کنیم؟
سلام، توسط کدهای جاوا اسکریپت طراحی میشود.