استایل در HTML



توجه : در صورت بروز مشکل یا کار نکردن لینک دانلود اطلاع دهید تا اصلاح شود.

کاربران عزیز جهت حمایت از سایت مطالب را با دوستان خود به اشتراک بگذارید

با درخواست فایل مورد نیاز خود به غنی کردن آرشیو سایت کمک کنید

چگونه از style استفاده کنیم

هنگامی که یک مرورگر CSS را می خواند، پرونده را بر طبق آن قالب بندی خواهد کرد. ۳ راه برای وارد کردن یک 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 استفاده کنید



سلام ، من مصطفی هستم ، فارغ التحصیل رشته مهندسی کامپیوتر-نرم افزار علاقه زیادی به برنامه نویسی و بخصوص PHP دارم ، بنده این وب سایت را به منظور دسترسی هموطنان عزیز به محتواهای مفید در موضوعات موجود در سایت راه اندازی کردم ، از دوستان میخواهم با نظرات خود دلگرمی برای بنده باشند و اگر فایلی نیاز دارند ، حتماً از طریق فرم درخواست ، درخواست خود را ارسال کنند.

ارسال نظر

*

Next Articleآشنایی با HTML Head