Ngagunakeun CSS Loka Wide
Jaba aya kombinasi gaya jeung struktur, sarta dina web dinten ieu, éta prakték pangalusna tetep dua aspek ieu tina situs misah ti unggal lianna.
HTML geus salawasna geus naon nyadiakeun situs kalawan struktur na. Dina dinten awal Web teh, HTML ogé ngandung émbaran gaya. Elemen kawas tag anu littered peuntas kode HTML, nambahan katingal jeung ngarasa informasi barengan kalayan informasi struktural. Gerakan standar web kadorong kami pikeun ngarobah prakték ieu sareng ka gantina nyorong sagala informasi gaya kana CSS atanapi Cascading Style cadar. Nyandak ieu undak salajengna, saran ayeuna aya nu make naon ieu dipikawanoh minangka salah sahiji "gaya lambar éksternal" kanggo ramatloka pangabutuh styling Anjeun.
Kaunggulan na Kalemahan tina kaluar Style cadar
Salah sahiji hal pangalusna ngeunaan Cascading Style cadar téh yén anjeun bisa make eta tetep sakabéh situs anjeun konsisten. Cara panggampangna pikeun ngalakukeun ieu téh kaitkeun atawa ngimpor hiji gaya lambar éksternal . Lamun make lambaran gaya sami éksternal keur unggal kaca loka, anjeun tiasa pastikeun yén sakabéh kaca bakal boga gaya anu sarua. Anjeun oge bisa nyieun leuwih gampang jieun perobahan keur mangsa nu bakal datang. Kusabab unggal kaca ngagunakeun gaya lambar éksternal sami, sagala robah nepi lambar anu bakal dampak unggal kaca loka. Ieu leuwih hadé ti ngabogaan robah unggal kaca individual!
Kaunggulan tina kaluar Style cadar
- Anjeun tiasa ngadalikeun katingal jeung ngarasa tina sababaraha dokumén sakaligus.
- Ieu hususna mangpaat lamun anjeun damel ku tim ti urang nyieun situs wéb anjeun. Loba aturan gaya tiasa hésé nginget, sarta bari Anjeun bisa boga pituduh gaya dicitak, éta episien na tedious janten terus flipping ngaliwatan eta nangtukeun lamun conto téks téh bisa ditulis dina 12 titik font Arial, atawa 14 titik kurir. Ku ngabogaan sakabeh kontak di hiji tempat, sarta saprak tempat nu oge dimana anjeun bakal jieun perobahan, anjeun tiasa ngadamel pangropéa pisan gampang.
- Anjeun tiasa nyieun kelas tina gaya nu bisa lajeng dipaké dina loba béda elemen HTML .
- Lamun mindeng ngagunakeun styling font tangtu masihan tekenan kana sagala rupa hal dina kaca anjeun, anjeun tiasa ngagunakeun atribut kelas nu nyetél dina lambaran gaya Anjeun pikeun meunangkeun katingal ieu jeung ngarasa, tinimbang watesan hiji gaya husus pikeun unggal conto tina tekenan.
- Anjeun tiasa sacara gampil group gaya Anjeun janten langkung efisien.
- Kabéh metodeu ngagolongkeun anu sadia pikeun CSS bisa dipaké dina gaya cadar éksternal, sarta ieu nyadiakeun anjeun kalayan kontrol langkung sarta kalenturan dina kaca anjeun.
Kalemahan kaluar Style cadar
- cadar gaya éksternal bisa ningkatkeun waktos download, utamana lamun maranéhna pisan badag. Ti file CSS nyaéta dokumen misah nu kudu dieusian, éta bakal dampak kinerja nedunan nu download.
- cadar gaya éksternal meunang badag pisan gancang-éta hésé ngabejaan lamun gaya a geus teu aya dina pamakéan sabab urang moal dihapus nalika kaca ieu dihapus. manajemén ditangtoskeun koropak CSS anjeun penting, utamana lamun sababaraha jalma anu bisa dipake dina file nu sami.
- Upami Anjeun ngan gaduh hiji ramatloka single-kaca, gaduh hiji file éksternal pikeun CSS bisa jadi perlu saprak anjeun ngan boga nu salah halaman ka gaya. Loba mangpaat CSS éksternal anu leungit lamun anjeun ngan boga situs halaman tunggal.
Kumaha Jieun hiji lambaran Style kaluar
cadar gaya éksternal anu dijieun ku rumpaka sarupa dokumén gaya tingkat cadar. Najan kitu, sagala nu peryogi ngawengku nu pamilihan tur deklarasi nu. Kawas dina lambaran gaya dokumen-tingkat, anu rumpaka keur aturan nyaéta:
pamilihan {sipat: nilai;}Simpen aturan ieu kana file téks jeung .css extension. Ieu henteu diperlukeun, tapi éta watek alus pikeun meunangkeun kana, jadi bisa langsung ngakuan cadar gaya Anjeun dina diréktori Listing.
Sakali anjeun gaduh dokumen lambar gaya, Anjeun kudu numbu ka anjeun kaca Wéb . Ieu bisa dilakukeun ku dua cara:
- linking
- Dina raraga ieu numbu hiji gaya lambar, Anjeun nganggo tag HTML. Ieu boga atribut rel, jenis, sarta href. The atribut rel ngabejaan naon anjeun linking (dina hal ieu stylesheet a), tipe nu ngahartikeun mimik-Tipe pikeun panyungsi, sarta href nyaeta jalur ka file .css.
- Importing
- Anjeun bakal ngagunakeun hiji gaya lambar diimpor dina hiji dokumen lambar gaya tingkat ku kituna anjeun bisa ngimpor atribut ti hiji gaya lambar éksternal bari teu kaleungitan sagala leuwih spésifik dokumen. Anjeun nelepon deui dina cara nu sarupa jeung nelepon hiji gaya lambar numbu, ngan eta kudu disebut aya dina hiji tingkat dokumen gaya deklarasi. Anjeun tiasa diimpor saloba gaya éksternal cadar anjeun kudu mulasara situs Wéb Anjeun.
Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 8/8/17