تفاوت تعریف CSS بصورت Inline و External چیست؟

Question

تعریف CSS بصورت Inline:

<div style="margin-left:2px"></div>

چه تفاوتی با تعریف CSS در یک فایل جداگانه (External) دارد؟

.user-panel {margin-left:2px;}

Answer 1

می توان تفاوت های زیر را ذکر کرد:

• بدلیل اینکه External CSS ها درون فایل جداگانه ذخیره می شود مدیریت و اصلاح آنها راحتتر از Inline CSS ها است.
• Inline CSS بر External CSS اولویت دارند. برای مثال اگر در یک صفحه برای یک عنصر یک بار با روش External CSS رنگ قرمز تعیین شده باشد و همچنین با استفاده از روش Inline CSS رنگ آبی نیز برای همان عنصر تعریف شده باشد، در نهایت رنگ آن عنصر آبی می شود.

این دو روش از نظر استفاده از CSS property ها هیچ تفاوتی با یکدیگر ندارند و می توان تمام CSS property ها را در هر دو روش استفاده کرد.