Kad tīmekļa pārlūkprogramma ielādē tīmekļa lapu, tā parādās atkarībā no informācijas no kaskādes stila lapas. HTML failam ir trīs veidi, kā izmantot stilu lapu: ārēji, iekšēji un in-line.
Iekšējās un in-line stila lapas tiek saglabātas pašā HTML failā. Viņiem ir viegli strādāt tajā pašā brīdī, bet tāpēc, ka tie netiek glabāti centrālā atrašanās vietā, vienlaikus nav iespējams viegli mainīt stilu visā vietnē; Jums tā vietā jāgriežas atpakaļ katrā ierakstā un jāmaina manuāli.
Tomēr, izmantojot ārējo stilu lapu, lappuses renderēšanas norādes tiek saglabātas vienā failā, tādēļ ir ļoti viegli rediģēt stilu visā vietnē vai vairākos elementos. Fails izmanto .CSS faila paplašinājumu, un HTML dokumentā ir iekļauta saite uz šī faila atrašanās vietu, lai tīmekļa pārlūkprogramma zinātu, kur meklēt norādījumus par stilu.
Vienam vai vairākiem dokumentiem var būt saite uz vienu un to pašu CSS failu, un vietnei var būt daudz unikālu CSS failu, lai veidotu dažādas lapas, tabulas, attēlus u.c.
Kā izveidot saiti ar ārējo stilu lapu
Katrai tīmekļa lapai, kas vēlas izmantot noteiktu ārējo stilu lapu, ir jābūt saitei uz CSS failu no
sadaļa, tāpat kā šis:
Šajā piemērā vienīgā lieta, kas jāmaina, lai padarītu to piemērotu jūsu personīgajam dokumentam, ir stili.css teksts Šī ir jūsu CSS faila atrašanās vieta.
Ja fails tiek faktiski saukts stili.css un tas atrodas tieši tajā pašā mapē kā dokuments, kas ir saistīts ar to, tad tas var palikt tieši tā, kā tas ir redzams iepriekš. Tomēr, iespējams, jūsu CSS fails ir nosaukts kaut kas cits, un tādā gadījumā jūs varat vienkārši mainīt nosaukumu no "stiliem", lai kāds būtu jūsu.
Ja CSS fails nav šīs mapes sakne, bet gan apakšfolderā, tas var izlasīt kaut ko līdzīgu:
Plašāka informācija par ārējiem CSS failiem
Ārējo stila lapu lielākais ieguvums ir tas, ka tie nav saistīti ar kādu konkrētu lapu. Ja stils tiek veikts iekšēji vai in-line, citās tīmekļa vietnes lapās nevar norādīt uz šīm stila izvēlēm.
Tomēr, izmantojot ārējo stilu, to pašu CSS failu var izmantot burtiski katrai mājaslapas lapai, lai tie visi būtu vienveidīgi, un visa tīmekļa vietnes CSS satura rediģēšana ir ļoti vienkārša un centralizēta.
Jūs varat redzēt, kā tas darbojas zemāk …
Iekšējā stilā ir nepieciešams izmantot
Tomēr, tā kā ārējās stila lapas ir ietvertas pašu failā, tās var izveidot tāpat kā šo, un tas nozīmē to pašu, kas ir iepriekšminētais paraugs:
ķermenis {fona krāsa: zaļa; } h1 {krāsa: zila; margin-left: 15 pikseļi; }
Šajos piemēros inline stila attiecas tikai uz šo konkrēto lapu, ko apliecina tas, ka tas ir iekļauts šajā HTML lapas galvenes detaļās. Ar otru piemēru, CSS informācija ir autonoma CSS failā, ka jebkura lapa var būt saistīta ar koda izmantošanu no Kā izveidot saiti ar ārējo stilu lapu iepriekšējā sadaļa.
