HTML CSS
- صفحه قبلی نام‌های رنگ‌های HTML
- صفحه بعدی لینک‌های HTML
با استفاده از HTML4.0، تمام کد‌های فرمت‌دهی می‌توانند از مستند HTML خارج شوند و به یک استایل‌نامه مستقل منتقل شوند.
مثال
- استایل در HTML
- این مثال نشان می‌دهد که چگونه از اطلاعات استایل اضافه شده به بخش <head> برای فرمت‌دهی HTML استفاده کنیم.
- لینک بدون خط زیرین
- این مثال نشان می‌دهد که چگونه از یک لینک بدون خط زیرین استفاده کنیم.
- لینک به یک استایل‌نامه خارجی
- این مثال نشان می‌دهد که چگونه با استفاده از تگ <link> به یک استایل‌نامه خارجی متصل شویم.
چگونه از استایل استفاده کنیم
وقتی که مرورگر به یک استایل‌نامه می‌رسد، آن را برای فرمت‌دهی به مستند اعمال می‌کند. سه روش برای اضافه کردن استایل‌نامه وجود دارد:
استایل‌های خارجی
وقتی که نیاز به اعمال استایل به چندین صفحه باشد، استفاده از استایل‌های خارجی انتخابی ایده‌آل است. با استفاده از استایل‌های خارجی، می‌توانید با تغییر یک فایل، ظاهر کل وب‌سایت را تغییر دهید.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
استایل‌های داخلی
وقتی که یک فایل خاص نیاز به استایل خاصی دارد، می‌توان از استایل‌های داخلی استفاده کرد. شما می‌توانید استایل‌های داخلی را در بخش head از طریق برچسب <style> تعریف کنید.
<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
