Meunang fakta jeung CSS Tangtu pondok ieu
gaya Cascading cadar boga loba mangpaat. Aranjeunna ngidinan Anjeun pikeun make gaya lambar sami di sakuliah sakabéh ramatloka anjeun. Aya dua cara pikeun ngalakukeun ieu:
- linking kalawan unsur link
- importing jeung paréntah @import
-
- @import url ( 'http://www.yoursite.com/styles.css');
-
Kaunggulan na Kalemahan tina kaluar Style cadar
Salah sahiji hal pangalusna ngeunaan cascading gaya cadar téh yén anjeun bisa make eta tetep 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.
Sababaraha kaunggulan pikeun maké cadar gaya éksternal ngawengku nu bisa ngadalikeun katingal jeung ngarasa tina sababaraha dokumén sakaligus. Ieu hususna mangpaat lamun anjeun damel ku tim ti urang nyieun Website anjeun. Loba aturan gaya tiasa hésé nginget, sarta bari Anjeun bisa boga pituduh gaya dicitak, éta tedious mun kudu terus flip ngaliwatan eta nangtukeun lamun conto téks téh bisa ditulis dina 12 titik font Arial atanapi 14 titik kurir.
Anjeun tiasa nyieun kelas tina gaya nu bisa lajeng dipaké dina loba elemen HTML béda. Lamun mindeng ngagunakeun font Wingdings husus méré tekenan kana sagala rupa hal dina kaca anjeun, anjeun tiasa nganggo kelas Wingdings Anjeun nyetél dina lambaran gaya anjeun pikeun nyieun aranjeunna tinimbang watesan hiji gaya husus pikeun unggal conto tina tekenan nu.
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.
Kitu cenah, aya ogé alesan pisan alus teu make cadar gaya éksternal. Pikeun hiji, aranjeunna bisa ningkatkeun waktos download lamun ieu numbu ka loba di antarana.
Unggal waktos Anjeun nyieun hiji file CSS anyar jeung link atawa ngimpor kana dokumen anjeun, anu merlukeun éta Web browser sangkan panggero sejen ka server web pikeun meunangkeun file. Na nelepon server ngalambatkeun turun kali beban kaca.
Upami Anjeun ngan gaduh sajumlah leutik gaya, aranjeunna bisa ningkatkeun pajeulitna kaca anjeun.
Kusabab éta gaya teu ditingali katuhu dina HTML nu, saha pilari di kaca geus meunang dokumen sejen (nu file CSS) angka kaluar naon dina.
Kumaha Jieun hiji lambaran Style kaluar
cadar gaya éksternal anu ditulis dina cara nu sami sakumaha study na inline gaya cadar. Tapi kabeh kudu nulis teh gaya pamilihan tur deklarasi nu. Anjeun teu kedah unsur gaya atanapi atribut dina dokumen éta.
Salaku kalayan sagala CSS sejen, rumpaka keur aturan nyaéta:
pamilihan {sipat: nilai; }
Aturan ieu téh ditulis ka file téks jeung .css extension. Contona, Anjeun bisa ngaranan styles.css lambar gaya Anjeun.
Sakali anjeun gaduh dokumen lambar gaya, Anjeun kudu numbu ka kaca Wéb Anjeun. Salaku I disebutkeun di luhur, ieu dipigawé dina dua cara.
Linking CSS Dokumén
Dina raraga ieu numbu hiji gaya lambar, Anjeun nganggo unsur link. Ieu boga atribut rel na href. The atribut rel ngabejaan browser naon anjeun linking (dina hal ieu hiji gaya lambar) jeung atribut href nahan jalur ka file CSS.
Aya ogé hiji tipe atribut pilihan nu bisa Anjeun pake pikeun ngartikeun tipe mimik tina dokumen numbu. Ieu teu diperlukeun dina HTML5, tapi kudu dipake dina HTML 4 dokumén.
Di dieu nyaeta kodeu Anjeun bakal make kaitkeun hiji gaya CSS lambar disebut styles.css:
Sarta dina HTML 4 dokumen nu bakal nulis:
tipe = "text / css">
Importing CSS Style cadar
Diimpor cadar gaya disimpen dina unsur gaya. Anjeun teras bisa make gaya study ogé lamun resep. Anjeun oge bisa ngawengku gaya diimpor jero numbu gaya cadar. Jero éta gaya atanapi CSS dokumen, nyerat:
@import url ( 'http://www.yoursite.com/styles.css');