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