برگه استایل خارجی - External Style Sheet
زمانی که Styleها در صفحات مختلف به کار برده می شوند، استفاده از Style خارجی ایده آل خواهد بود. اینکار شما را قادر می سازد تا فقط با تغییر یک فایل، ظاهر و یا طرح بندی تمام صفحات پروژه تان را تغییر دهید.
هر صفحه HTML باید با استفاده از تگ <link> به فایل CSS خارجی متصل شود. تگ <link> باید در قسمت head صفحه قرار داده شود.
<head>
<link rel="stylesheet" type="text/css" href="/mystyle.css" />
</head>
<link rel="stylesheet" type="text/css" href="/mystyle.css" />
</head>
یک فایل CSS خارجی می تواند در هر ویرایشگری نوشته شود و نباید شامل تگهای HTML باشد و همچنین باید فرمت آن css. باشد.
مثال:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
توجه: بین کاراکترهای مقدار یک Property نباید فاصله باشد، اگر رعایت نشود در Firefox و Opera به مشکل برخواهید خورد، به عبارتی margin-left:20 px اشتباه است.
