Ārējā CSS definīcija un kā izveidot saiti uz vienu
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 šobrīd ir viegli strādāt, bet tāpēc, ka tie netiek glabāti centrālā atrašanās vietā, vienlaikus nav iespējams vienkārši 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ūks 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 saistītai ar CSS failu no sadaļas , kas ir līdzīgs šim:
head>Šajā piemērā vienīgais, kas jāmaina, lai to piemērotu savam dokumentam, ir teksts styles.css . Šī ir jūsu CSS faila atrašanās vieta.
Ja fails faktiski tiek saukts par stilu.css un tas atrodas tieši tajā pašā mapē kā dokuments, kas ir saistīts ar to, 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:
head>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 jāizmanto tagi, jo tiem jābūt atšķirīgiem no tagiem:
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 CSS failā ir neatkarīga, un jebkura lapa var izveidot saiti uz koda izmantošanu no iepriekšējās sadaļas Kā saite uz ārējo stilu lapu .