تا %60 تخفیف خرید برای 5 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش گام به گام CSS قسمت دوم: شیوه های استفاده از CSS

برای آنکه کدهای CSS را به یک فایل HTML ارتباط دهیم سه راه متفاوت وجود دارد:

• External style sheet

• Internal style sheet

• Inline style

External Style Sheet: اولین و استانداردترین راه استفاده از CSS استفاده از فایل CSS خارجی است. معمولا وقتی پروژه طراحی سایت بزرگ باشد از این راه استفاده می کنند. فایل CSS معمولا style.css نام گذاری می شود و در همان پوشه ای قرار می گیرد که فایلهای HTML قرار دارند. شیوه اتصال فایل CSS خارجی به یک فایل HTML استفاده از تگ link درون تگ Head می باشد. این تگ به صورت زیر استفاده می شود:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Internal Style Sheet: یکی دیگر از راههای استفاده از دستورات CSS در فایل HTML به صورت تگ داخلی است. بدین صورت که هر دستوری که در CSS می خواهید اعمال شود را بین تگ style قرار دهید. این تگ به صورت زیر استفاده می شود:

<head>
<style>
body {
    background-color: linen;
}

h1 {
    color: maroon;
    margin-left: 40px;
} 
</style>
</head>

Inline Style: اگر بخواهیم صرفا به یک تگ خاص در بین تگ های مشابه استایل دهیم از این حالت استفاده می کنیم. تمام المنت ها در HTML دارای خاصیت style است که مقدار آن برابر دستورهای CSS است. این تگ به صورت زیر استفاده می شود:

<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>

این سه راه تنها راههای موجود برای ارتباط فایل CSS با HTML است.

نویسنده : ارسطو عباسی

منبع : انجمن تخصصی فناوری اطلاعات ایران

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند