آموزش اجرای css به صورت External

ما در پارت قبلی آموزش با هم یاد گرفتیم که css را به صورت inline اجرا کنیم ( برای مشاهده قسمت پارت قبلی کلیک کنید ) ، ولی اجرای css سه روش دارد که در این آموزش قرار است بهترین روش آنرا به شما معرفی کنیم و یاد دهیم ، پس در ادامه همراه وی آر سافت باشید...

روش External

در این روش ما به طور جداگانه دستور های css را می نویسیم و از مزایا این روش شلوغ نشدن کدها و افزایش سرعت سایت طراحی شده ما هست ، برای همین بیشتر توسعه دهندگان وب از روش External استفاده میکنند

نحوه اجرا css به صورت External

برای این روش باید ابتدا یک فایل با پسوند css درست کنید ، مثلا style.css و بعد آنرا وارد ide یا ادیتور خود کنید ، حالا در تگ head دستور زیر را بنویسید :

<link rel=&quotstylesheet&quot href=&quotstyle.css&quot>

توجه داشته باشید که نام style در style.css بستگی به نام فایل شما دارد ، یعنی اگر نام فایل شما test.css بود باید رو به رو href بنویسید test.css ؛ حال این دستور باعث میشود که فایل html شما ، فایل css شما را بشناسد

خوب ، حالا که عمل بالا را انجام دادید ، مثلا شما میخواهید نوشته خود را به رنگ آبی در بیاورید :

<p> VRsoft </p>

دستور بالا را

و حالا وارد style.css شوید و کد زیر را اجرا کنید :

p{

color: blue;

}

حالا اگر کد را اجرا کنید نام VRsoft به رنگ آبی نمایان میشود

برای دیدن بقیه پارت ها به انتشارت ویرگول یا صفحه اُمیگو ما مراجعه کنید

نظرات خود را در کامنت ها بنویسید

تهیه شده توسط : وی آر سافت