آموزش پیشرفته html ۴ (HTML styles)
با HTML4.0 همه قالب بندی ها می تواند به یک CSS جداگانه به خارج از پرونده HTML برده شود.
مثالها
ُStyleها در Html
این مثال چگونگی آرایش یک html به کمک styleی که به قسمت <head> اضافه شده است را نشان می دهد.
فراپیوند، بدون زیرخط
این مثال روش ساخت یک فراپیوند، که زیر خط ندارد را به کمک موجودیت های style نشان می دهد.
استفاده از style خارجی
این مثال روش استفاده از برچسب <link> را نشان می دهد. با این روش، style موجود در یک فایل خارجی، به عنوان style صفحه در نظر گرفته می شود.
چگونه از 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 استفاده کنید |
منبع : html.ir
