میخوام بدونم فرق بین لینک دادن به فایل css و import کردن فایل css در صفحات وب چیه؟
-----
یه فایل css دارم که 15kb حجمش هست و میخوام اول صفحه بالا بیاد و بعد اون فایل css
ویا به عبارتی حجم زیاد اون فایل درسرعت نمایش دادن سایت تاثیر کمتری بذاره (نمایش اولیه)
@import در واقع تفاوت معنایی خاصی با link برای include یک فایل css در صفحه نداره. منتها به خاطر تفاوت در پشتیبانی مرورگر ها از این rule بعضی مواقع برای کلکهای خاصی استفاده میشه. (که مثلا استایلی که با @import به صفحه اضافه میشه رو فلان مرورگر نسخه قدیمی نمیبینه ولی بقیه مرورگرها میبینند)
البته این تفاوت بینشون هست که link تگ مربوط به html/xhtml هست و @import یک rule در css.
معنیش اینه که از @import داخل فایلهای css هم میتونید استفاده کنید.
یه فایل css دارم که 15kb حجمش هست و میخوام اول صفحه بالا بیاد و بعد اون فایل css
ویا به عبارتی حجم زیاد اون فایل درسرعت نمایش دادن سایت تاثیر کمتری بذاره (نمایش اولیه)
فایل CSS اگر خارجی باشه و به صفحه لینک داده شده باشه در اولین لود صفحه در مرورگر کش میشه و دیگه دوباره از سرور خونده نمیشه ولی اگر دستورات رو به شکل embed به کار ببری و اونها رو بالای فایل قرار بدید با هر بار فراخوانی صفحه اون کد ها هم خوانده میشن و زمان لود صفحه یه خورده بالا میره
تفاوت ديگر كه بين link كردن يك css خارجي با @import كردن آن وجود داره ، در NS4 هست.
كه از import@ جهت ترفندي براي ساپرت كردن بعضي خصيصه هاي CSS استفاده مي كنند.
توضيح كامل اون رو ديرتر در يكي از همين پست ها نوشته بودم. علاقه مند بوديد بيشتر توضيح ميدهم
تفاوت ديگر كه بين link كردن يك css خارجي با @import كردن آن وجود داره ، در NS4 هست.
كه از import@ جهت ترفندي براي ساپرت كردن بعضي خصيصه هاي CSS استفاده مي كنند.
توضيح كامل اون رو ديرتر در يكي از همين پست ها نوشته بودم. علاقه مند بوديد بيشتر توضيح ميدهم
این ترفند ها خیلی خیلی زیاده و اگر بخوایم همش رو بنویسیم میشه یه کتاب ولی اگر خودت حوصلش رو داری و میتونی متن انگلیسی رو بخونی این کتاب برای هک های CSS بهترین کتاب و جامعترینشون محسوب میشه
CSS Hacks and Filters: Making Cascading Stylesheets Work
