آموزش css – شیوه نامه خارجی یا External CSS

در شیوه نامه خارجی یا External CSS تمامی دستورات CSS در یک فایل مجزا از دیگر فایل ها و صفحات وب سایت نوشته میشود و با پسوند . css در کنار دیگر فایل های وب سایت در فولدر پروژه ذخیره میشود. سپس در هر صفحه ای که می خواهیم این دستورات بر عناصر آن اعمال شوند، به بخش <head> رفته و توسط تگ <link> فایل css خود را به صفحه متصل میکنیم. فراحوانی به صورت زیر :

<head>
<title>طراحی سایت توس وب</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

این روش بهترین روش برای وب سایت های چند صفحه ای و بزرگ امروزی است چراکه می توان یکبار نوشت و به هر تعداد صفحه که نیاز است اعمال کرد.

همچنین در صورت نیاز به تغییر در ظاهر سایت کافیست به یک فایل مراجعه کرده و تغییرات را به کل سایت اعمال کرد. این فایل های CSS را می توان توسط هر برنامه ویرایش متنی نوشت و در پایان آن را با فرمت .css ذخیره کرد.

برنامه هایی مثل notepad ، DreamWeaver ، Visual Studio و هر برنامه ای که با آن احساس راحتی بیشتری دارید برای این منظور قابل استفاده هستند.

فراموش نکنید فایل های CSS فقط حاوی دستورات CSS هستند و هیچ کد و تگی از HTML در آنها نباید نوشته شود. در زیر یک نمونه از فایل CSS را مشاهده میکنید که کافیست ان را در یک فایل notepad نوشته و با پسوند . css ذخیره کنید.

مثال : کدهای زیر در یک فایل css جدا نوشته شده و با نام و پسوند style.css ذخیره شده است.

body {
	background-color:#E6E6FA;
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:90%;
}
h2 {
	color: #003366;
}
.nav {
	font-size: 16px;
	font-weight: bold;
}