روش اول لينك كردن
در روش لينك كردن شما فايلي را لينك مي كنيد مطابق همين كدي كه در بالا بدان اشاره شد
فقط اين نكته را بايد بدانيد كه اگر در صفحه خودتان از شيوه نامه داخلي هم استفاده كرده ايد لينك شيوه نامه خارجي مي بايست بعد از كدهاي شيوه نامه داخلي قرار گيرد و نمي توانيدلينك را قبل يا در ميان كدهاي شيوه نامه داخلي بگنجانيد
فرض كنيد ما در صفحه خود يك سري شيوه نامه داخلي داريم و مي خواهيم شيوه نامه خارجي را هم لينك بدهيم كدها بايد بدين صورت باشد
<style type="text/css">
<!--
.unnamed1 {
font-family: tahoma;
font-size: 10px;
background-color: #000099;
}
-->
</style>
<link href="sample.css" rel="stylesheet" type="text/css">
همان گونه كه مي بينيد ابتدا كدهاي شيوه نامه داخلي درج شده و به پايان رسيده و سپس لينك شيوه نامه خارجي آورده شده است
روش دوم ايمپورت كردن
در اين روش شما دستوراتي را از يك فايل شيوه نامه خارجي به داخل كدهاي شيوه نامه داخلي ايمپورت مي كنيد به مثال زير دقت كنيد همان كدهاي بالايي را اين بار با روش ايمپورت وارد مي كنيم
<style type="text/css">
<!--
@import url(sample.css);
.unnamed1 {
font-family: tahoma;
font-size: 10px;
background-color: #000099;
}
-->
</style>
همانگونه كه ملاحظه مي كنيد دستور ايمپورت در بين كدهاي شيوه نامه داخلي و قبل از كدهاي آن درج مي شود حال نحوه ايمپورت كردن شيوه نامه خارجي در دريم ويور ابتدا به كادر اديت شيوه نامه ها برويد( در قسمتهاي قبل ذكر شده)
در اين كادر روي گزينهAttach كليك كنيد تا كادر زير برايتان باز شود
در اين قسمت آدرس فايلتان را داده و نوع آن را در پائين تعيين كنيد كه لينك باشد يا ايمپورت و ok را بفشاريد حال كه با انواع ورود فايلهاي شيوه نامه خارجي آشنا شديم يك سوال مطرح مي شود و آن اين كه فرق اين دو نوع در چيست چون در نگاه اول هر دو يك كار را انجام مي دهند
فرق بين لينك و ايمپورت فايلهاي شيوه نامه خارجي
فرقي كه اين دو نوع دارند در اين است كه در روش لينك در صورتي كه دستورات شيوه نامه خارجي و داخلي با هم تداخل داشته باشند. ( conflicting )اين دستورات شيوه نامه خارجي است كه برنده مي شود.
اما در روش ايمپورت ارجهيت با دستورات شيوه نامه داخلي است مثالي مي زنيم اين كد را در صفحه تان قرار دهيد
<style type="text/css">
--!>
Body{
Background-color:#FFFFFF;
}
</style>
<link href="sample.css" rel="stylesheet" type="text/css">
حال يك فايل شيوه نامه خارجي بنام sample د كنيد و كد زير را در آن قرار دهيد
body {
background-color: #000000;
}
صفحه تان را نگاه كنيد رنگ بك گراند آن چيست؟ رنگ بك گراند مشكي خواهد بود دليل آن را هم خود شما بايد حدس بزنيد زيرا مشكي رنگي است كه در شيوه نامه خارجي تعيين شده
|