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