HTML CSS
- صفحه قبل نام‌های رنگ‌های HTML
- صفحه بعدی لینک‌های HTML
با استفاده از HTML4.0، تمام کد‌های فرمت‌دهی می‌توانند از مستند HTML خارج شوند و به یک جدول استایل مستقل منتقل شوند.
مثال
- استایل در HTML
- این مثال نشان می‌دهد که چگونه از اطلاعات استایل اضافه شده به بخش <head> برای فرمت‌دهی HTML استفاده کنیم.
- لینک بدون خط زیر
- این مثال نشان می‌دهد که چگونه از یک استایل بدون خط زیر برای لینک استفاده کنیم.
- متصل شدن به جدول استایل خارجی
- این مثال نشان می‌دهد که چگونه یک برچسب <link> به یک جدول استایل خارجی متصل می‌شود.
چگونه از استایل استفاده کنیم
وقتی مرورگر یک جدول استایل می‌خواند، آن را برای فرمت‌دهی مستند خود استفاده می‌کند. سه روش برای اضافه کردن جدول استایل وجود دارد:
جدول استایل خارجی
جب کسی نمونه نیاز دارد تا روی بسیاری از صفحات اعمال شود، جدول استایل خارجی انتخاب ایده‌آل خواهد بود. با استفاده از جدول استایل خارجی، شما می‌توانید با تغییر یک فایل، ظاهر کل سایتی را تغییر دهید.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
استایل‌های داخلی
وقتی که یک فایل خاص نیاز به استایل خاص دارد، می‌توان از استایل‌های داخلی استفاده کرد. می‌توانید از برچسب <style> در بخش head برای تعریف استایل‌های داخلی استفاده کنید.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
استایل‌های درون‌تیپ
وقتی که نیاز به استایل خاص برای عناصر خاص وجود دارد، می‌توان از استایل‌های درون‌تیپ استفاده کرد. روش استفاده از استایل‌های درون‌تیپ این است که از ویژگی استایل در برچسب‌های مرتبط استفاده شود. ویژگی استایل می‌تواند هر ویژگی CSS را شامل شود. در این مثال نحوه تغییر رنگ پاراگراف و حاشیه چپ آن نشان داده شده است.
<p style="color: red; margin-left: 20px"> این یک پاراگراف است </p>
بازدید از آموزش CSS، برای یادگیری بیشتر در مورد استایل‌ها ببینید.
| برچسب | توضیح |
|---|---|
| <style> | تعریف تعاریف استایل. |
| <link> | تعریف منابع ارجاع. |
| <div> | تعریف بخش‌ها یا مناطق مستند (بلوک‌ها). |
| <span> | تعریف بخش‌های کوچک یا مناطق خطی در مستند. |
| <font> | تعریف فونت، اندازه فونت و رنگ فونت متن. استفاده از آن را تشویق نمی‌کنیم. از استایل استفاده کنید. |
| <basefont> | تعریف فونت پایه. استفاده از آن را تشویق نمی‌کنیم. از استایل استفاده کنید. |
| <center> | متن را به صورت افقی مرکز کنید. استفاده از آن را تشویق نمی‌کنیم. از استایل استفاده کنید. |
- صفحه قبل نام‌های رنگ‌های HTML
- صفحه بعدی لینک‌های HTML
