تخفیف

سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

مبلغ کل
0
تسویه حساب
سبد خرید خالی می باشد

قانون @import در css
حميد  شریفی
حميد شریفی
تعداد کل دانلود ها : 732493
تعداد کل مطالب : 1347

قانون @import در css

تعداد دانلود:
0
تعداد بازدید:
825
تاریخ:
۱۳۹۵-۱۱-۰۵
دسته بندی:

هشتگ ها :

#هک @import

در این فصل از css قصد دارم قوانینی که در css موجود هست رو خدمتتون آموزش بدم و شمارو با این قوانین آشنا کنم. در این جلسه در رابطه با قانون  و یا هک @import صحبت مکنیم.

 

قانون @import

توسط این قانون میتونید دو فایل css رو باهم ادغام کنید. به عنوان مثال یک فایل css بنام main.css دارید و میخواین دستورات یک فایل دیگه هم بهش اضافه کنید ، میتونید به دو صورت این کار رو انجام بدید:

@import url("/css/style.css")

و یا

@import "style.css"

از روش اول معمولا در صفحات html استفاده میشه زمانی که میخواین فایل cssتون رو به صفحه اضافه کنید. من این کار رو پیشنهاد نمیکنم بهتره از دستور زیر استفاده کنید. البته از این روش هم در فایل های css استفاده میشه.

<link rel="stylesheet" type="text/css" href="main.css" />

 

روش دوم برای افزودن فایل css به یک فایل css دیگه استفاده میشه ، مثلا شما ابتدای فایل main.css فایل style.css رو هم اضافه میکنید و فایل main.css رو در html اضافه میکنید.

مثال:

محتوای فایل main.css :

Body{

font-family:Tahoma;

color:red;

}

محتوای فایل style.css

Body{

Margin:0;

Padding:0;

}

زمانی که فایل style.css رو به main.css اضافه میکنید ، دستورات به شکل زیر تغییر می کنند:

@import url('style.css');

Body{

font-family:Tahoma;

color:red;

}

و با افزودن تنها فایل main.css به صفحه ی html ، تمامی دستورات style.css و main.css در صفحه ی html بارگزاری میشه.

 

نکته اول : قوانین @import باید در ابتدای فایل css فراخوانی شوند.

نکته دوم : هر تعداد فایل css یی که احتیاج دارید رو میتونید از این طریق به css اصلیتون اضافه کنید.

 

علاوه بر این میتونید تعریف کنید که مثلا فایل style.css که در main.css اضافه کردم توسط چه نوع دستگاه هایی قابل اجرا باشه! برای این کار باید نوع اجراکننده رو بعد از دستور مشخص کنید:

@import url(“/css/style.css”) screen, projection;

البته این نوع تعریف توسط IE7 به پایین پشتیبانی نمیشه.

 

امیدوارم که این آموزش براتون مفید بوده باشه.

موفق و پاینده باشید

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

ملت وب در سال 1393 فعالیت خود را در چهار بخش قالب های آماده، طراحی لوگو، طراحی سایت، طراحی بنر آغاز کرده است، که در مدت بسیار کم با تلاش های بی وقفه خود و همکاران توانسته بزرگترین وب سایت ارائه دهنده قالب های با کیفیت در ایران باشد رمز موفقیت شرکت ملت وب پشتیبانی بی دریغ از کاربران خود می باشد ما موقعیت خود را مدیون مشتریان وفادار خود هستیم پس همیشه همراهشان خواهیم بود .

  • logo-samandehi