Pridobite dejstva s tem kratkim tečajom CSS
Kaskadni slogovi imajo številne prednosti. Omogočajo vam uporabo istega slognega lista na celotnem spletnem mestu. To lahko storite na dva načina:
- povezavo s elementom LINK
- uvozite z ukazom @import
-
- @import url ('http://www.yoursite.com/styles.css');
-
Prednosti in slabosti zunanjih slogov
Ena od najboljših stvari o kaskadnih listih slogov je, da jih lahko uporabite za ohranjanje vaše spletne strani v skladu. Najlažji način za to je povezava ali uvoz zunanjega slognega lista. Če za vsako stran vašega spletnega mesta uporabljate isti zunanji slogovni list, ste lahko prepričani, da bodo imele vse strani enake sloge.
Nekatere od prednosti uporabe zunanjih slogovnih listov vključujejo, da lahko hkrati nadzorujete videz in občutek več dokumentov. To je še posebej uporabno, če delate z ekipo ljudi, da ustvarite svojo spletno stran. Veliko slogovnih pravil je težko zapomniti in medtem ko imate morda vodnik za tiskani slog, je nenavadno, da ga morate nenehno prebrati, da ugotovite, ali je treba besedilo besedila napisati v 12-črkovni pisavi Arial ali 14-odstotni kurirji.
Ustvarite lahko razrede slogov, ki jih lahko nato uporabite za številne različne elemente HTML. Če pogosto uporabljate posebno pisavo Wingdings, da poudarite različne stvari na svoji strani, lahko uporabite razred Wingdings, ki ste ga nastavili v vašem slogovnem listu, da jih ustvarite in ne določite posebnega sloga za vsak primerek poudarka.
Lahko enostavno združite svoje sloge, da bi bili učinkovitejši. Vse metode razvrščanja, ki so na voljo CSS, se lahko uporabljajo v zunanjih listih slogov, kar vam omogoča več nadzora in prilagodljivosti na svojih straneh.
Vendar pa obstajajo tudi zelo dobri razlogi, da ne uporabljamo zunanjih listov. Za eno, lahko poveča čas prenosa, če povežete z veliko od njih.
Vsakič, ko ustvarite novo datoteko CSS in jo povežete ali uvozite v svoj dokument, to zahteva, da spletni brskalnik vzpostavi nov klic na spletni strežnik, da bi dobili datoteko. In strežnik pokliče počasen čas nalaganja strani.
Če imate le majhno število slogov, lahko povečajo zapletenost vaše strani.
Ker slogi v HTML-ju niso vidni pravilno, mora vsakdo, ki gleda na stran, dobiti drug dokument (datoteko CSS) in ugotoviti, kaj se dogaja.
Kako ustvariti zunanji slog
Zunanji listi slogov so napisani na enak način kot vdelani in vrstični listi slogov. Toda vse, kar morate napisati, je izbirnik sloga in izjava . V dokumentu ne potrebujete elementa ali atributa STYLE.
Kot pri vseh drugih CSS je sintaksa za pravilo:
selektor {lastnost: vrednost; }
Ta pravila so zapisana v besedilno datoteko z razširitvijo .css. Na primer, lahko imenujemo slogovno sliko styles.css.
Ko imate dokument o slogovnih listih, ga morate povezati s svojimi spletnimi stranmi. Kot sem že omenil, je to storjeno na dva načina.
Povezovanje dokumentov CSS
Če želite povezati slogovni list, uporabite element LINK. To ima atribute rel in href. Atribut rel pove brkljalniku, ki ga povezujete (v tem primeru slogovni ploskvi) in atribut href drži pot do datoteke CSS.
Obstaja tudi izbirna vrsta atributa, ki jo lahko uporabite za določitev vrste MIME povezanega dokumenta. To ni potrebno v HTML5, vendar ga je treba uporabljati v dokumentih HTML 4.
Tukaj je koda, ki jo boste uporabili za povezavo stila CSS z imenom styles.css:
V dokumentu HTML 4 bi napisali:
type = "text / css" >
Uvažanje slogov CSS
Uvoženi slogi so postavljeni v element STYLE. Nato lahko uporabite tudi vdelane sloge, če želite. Prav tako lahko vključite uvožene sloge znotraj povezanih listov slogov. V dokumentu STYLE ali CSS vpišite:
@import url ('http://www.yoursite.com/styles.css');