Naon beda antara @import na link pikeun CSS?

Lamun Anjeun candak katingal sabudeureun Web jeung ditempo kodeu rupa kaca web, hiji hal nu bisa jadi geus noticed éta loka béda kaasup file CSS éksternal maranéhanana di cara béda - boh ku ngagunakeun pendekatan @import atanapi ku linking ka nu file CSS. Naon beda antara @import na link pikeun CSS jeung cara maneh mutuskeun nu salah téh hadé pikeun anjeun? Hayu urang nyandak katingal a!

Beda antara & # 64; impor sarta & lt; link & GT;

Sateuacan mutuskeun metoda nu ngagunakeun ngawengku lembar gaya, anjeun kedah ngartos dua padika naon anu dimaksudkeun pikeun dipaké pikeun.

- linking nya éta métode munggaran pikeun kaasup hiji gaya lambar éksternal dina kaca Wéb Anjeun. Hal ieu dimaksudkeun pikeun numbu babarengan kaca Wéb anjeun kalawan lambar gaya Anjeun. Hal ieu ditambahkeun kana tina dokumen HTML anjeun jiga kieu:

@import - Importing ngidinan Anjeun pikeun ngimpor hiji lambar gaya kana sejen. Ieu rada beda ti skenario link, sabab bisa ngimpor gaya cadar jero hiji gaya lambar numbu. Lamun kaasup hiji @import dina sirah tina dokumen HTML anjeun, mangka tulisan kawas kieu:

@ impor url ( "styles.css");

Ti sudut pandang standar, euweuh bédana antara linking ka gaya lambar éksternal atanapi importing eta. Jalan anu bener tur boh cara bakal dianggo sarua ogé (dina hal nu ilahar). Sanajan kitu, aya sababaraha alesan nu bisa hayang make salah leuwih lianna.

Naha Paké & # 64; diimpor?

Sababaraha taun ka tukang, alesan paling umum anu dibéré pikeun ngagunakeun @import gantina (atawa bareng jeung) sabab panyungsi heubeul teu ngakuan @import, jadi Anjeun bisa nyumputkeun gaya ti aranjeunna. Ku importing cadar gaya, anjeun bakal dasarna bisa nyieun eta sadia pikeun leuwih modern, standar panyungsi patuh bari "nyumput" aranjeunna tina versi browser heubeul.

pamakéan séjénna pikeun metoda @import nyaeta ngagunakeun sababaraha lembar gaya dina kaca hiji, bari ukur kaasup tumbu tunggal dina dokumen anjeun . Contona, Corporation a bisa boga lambar gaya global pikeun unggal kaca dina loka, kalawan sub-bagian ngabogaan gaya tambahan nu ngan dilarapkeun ka nu sub-bagian. Ku linking kana lambaran gaya sub-bagian sarta importing kana gaya global dina luhureun éta gaya lambar, anjeun teu kudu ngajaga gaya lambar gigantic kalayan sagala gaya keur situs na unggal sub-bagian. Hijina sarat éta sagala aturan @import kudu datangna saméméh sesa aturan gaya Anjeun. Ogé, pastikeun pikeun nginget yén warisan masih bisa jadi masalah.

Naha Paké & lt; link & GT ;?

Jumlah hiji alesan pikeun ngagunakeun numbu cadar gaya nya nyadiakeun cadar gaya alternatif pikeun konsumén Anjeun. Panyungsi kawas Firefox, Safari, sarta Opera ngarojong rel = "alternatif stylesheet" atribut jeung lamun aya hiji sadia bakal ngidinan pemirsa nepi pindah antara aranjeunna. Anjeun oge bisa ngagunakeun switcher JavaScript mun pindah antara gaya cadar di IE. Ieu paling mindeng dipaké ku ngadeukeutkeun Layouts keur kaperluan diakses.

Salah sahiji drawbacks mun maké @import éta lamun boga pisan basajan jeung ngan aturan @import di dinya, kaca anjeun bisa nembongkeun hiji "flash tina eusi unstyled" (FOUC) sabab nu loading. Ieu tiasa jarring ka pemirsa Anjeun. A fix basajan mun ieu pikeun mastikeun Anjeun gaduh sahanteuna hiji tambahan atanapi unsur dina anjeun.

Naon Ngeunaan Media Tipe?

Loba panulis sangkan pernyataan nu tiasa nganggo jenis média pikeun nyumputkeun gaya cadar ti panyungsi heubeul. Mindeng, maranéhna nyebut ieu salaku kauntungan pikeun ngagunakeun boh @import atanapi tapi kaleresan nya anjeun tiasa nyetél tipe média kalayan boh métode, jeung panyungsi heubeul nu teu ngarojong jenis média moal nempo aranjeunna di boh bisi .

Jadi Métode Mana Kudu Anjeun Paké?

Pribadi, abdi resep ngagunakeun lajeng ngimpor gaya cadar kana gaya cadar éksternal abdi, sakumaha do paling web désainer kiwari. Cara nu Kuring ngan boga 1 atanapi 2 garis kode pikeun ngaluyukeun dina dokumén HTML mah. Tapi garis handap éta éta nepi ka anjeun. Mun anjeun beuki teu nyaman jeung @import, teras buka pikeun eta! Duanana métode téh standar patuh tur iwal mun nuju rarancang dina ngarojong panyungsi estu lami, aya euweuh alesan kuat pikeun ngagunakeun boh.

Diédit ku Jeremy Girard on 2/7/17