Kaskādes stila lapas ir daudz priekšrocību. Tie ļauj jums izmantot to pašu stila lapu visā jūsu vietnē. Ir divi veidi, kā to izdarīt:
- saistot ar elementu LINK
- importēšana ar komandu @import
Ārējo stila lapu priekšrocības un trūkumi
Viena no labākajām lietām kaskādes stila lapas ir tas, ka jūs varat tos izmantot, lai jūsu vietne būtu konsekventa. Vieglākais veids, kā to izdarīt, ir saistīt vai importēt ārēju stila lapu. Ja katrai savas vietnes lapai izmantojat vienu un to pašu ārējā stila lapu, varat būt drošs, ka visām lapām būs vienāds stili.
Dažas ārējo stilu lapu izmantošanas priekšrocības ietver to, ka jūs varat kontrolēt vairāku dokumentu izskatu un izskatu vienlaikus. Tas ir īpaši noderīgi, ja kopā ar cilvēku komandu izveidojat savu vietni. Daudzus stila noteikumus var būt grūti atcerēties, un, lai gan jums var būt drukāta stila rokasgrāmata, tas ir garlaicīgi pastāvīgi to pārlūkot, lai noteiktu, vai teksta piemērs ir rakstāms ar 12 punktu Arial fontu vai 14 punktu Kurjers.
Jūs varat izveidot stilu klases, kuras pēc tam var izmantot daudziem dažādiem HTML elementiem. Ja jūs bieži lietojat īpašu Wingdings fontu, lai uzsvērtu dažādas lietas savā lapā, varat izmantot Wingdings klase, kuru iestatījāt savā stila lapā, lai tās izveidotu, nevis definētu noteiktu stilu katram uzsvars.
Jūs varat viegli sagrupēt savus stilus, lai tie būtu efektīvāki. Visas CSS pieejamās grupēšanas metodes var izmantot ārējās stila lapās, un tas nodrošina lielāku kontroli un elastību jūsu lapās.
Tas nozīmē, ka ir arī ļoti labi iemesli neizmantot ārējās stila lapas. Piemēram, tie var palielināt lejupielādes laiku, ja jūs izveidojat saiti uz daudziem no tiem.
Katru reizi, kad izveidojat jaunu CSS failu un saistāt vai importējat to savā dokumentā, ir nepieciešams, lai tīmekļa pārlūkprogramma veiktu vēl vienu zvanu uz tīmekļa serveri, lai iegūtu failu. Un servera zvani palēnina lapu ielādes laiku.
Ja jums ir tikai maz stilu, tie var palielināt jūsu lapas sarežģītību. Tā kā stili nav redzami tieši HTML failā, ikvienam, kurš skatās lapu, ir jāsaņem cits dokuments (CSS fails), lai saprastu, kas notiek.
Kā izveidot ārēju stila lapu
Ārējās stila lapas tiek rakstītas tāpat kā iegultās un iekļautās stila lapas. Bet viss, kas jums jāraksta, ir stils selektors un deklarāciju. Jums dokumentā nav nepieciešams STYLE elements vai atribūts.
Tāpat kā ar visiem citiem CSS, kārtulas sintakse ir šāda:
selektors {īpašums: vērtība; }
Šie noteikumi tiek ierakstīti teksta failā ar paplašinājumu.
.css. Piemēram, jūs varat nosaukt savu stila lapu.
stili.css.
CSS dokumentu sasaistīšana
Lai saistītu stila lapu, izmantojiet elementu LINK. Tam ir atribūti rel un href. Rel atribūts pārlūkam norāda, ar ko jūs saistāt (šajā gadījumā stila lapu), un atribūts href aiztur ceļu uz CSS failu.
Ir arī neobligāts atribūtu tips, kuru varat izmantot, lai definētu saistītā dokumenta MIME tipu. Tas nav prasīts HTML5, bet tas jāizmanto HTML 4 dokumentos.
Šis ir kods, kuru izmantojat, lai saistītu CSS stila lapu ar nosaukumu styles.css:
HTML 4 dokumentā jūs rakstāt:
type = "text / css">
CSS stila lapu importēšana
Importētās stila lapas tiek ievietotas STYLE elementā. Pēc tam varat izmantot iegultos stilus, ja vēlaties. Saistītās stila lapās varat iekļaut arī importētos stilus. STYLE vai CSS dokumentā ierakstiet:
@import url (' http://www.yoursite.com/styles.css');