Kā izveidot ārējo stilu lapu

CSS vietnes platuma izmantošana

Mājas lapas ir stila un struktūras kombinācija, un mūsdienu tīmeklī ir laba prakse saglabāt šos divus vietnes aspektus atsevišķi.

HTML vienmēr ir bijis tas, kas nodrošina vietni ar tās struktūru. Tīmekļa sākuma dienās HTML saturēja arī informāciju par stilu. HTML koda elementi, piemēram, tags, tika pievienoti, pievienojot izskatu un sajūtu informāciju kopā ar strukturālo informāciju. Interneta standartu kustība lika mums mainīt šo praksi un, tā vietā, nospiest visu stilu informāciju CSS vai Cascading Style Sheets. Ņemot to par soli tālāk, pašreizējie ieteikumi ir tas, ka izmantojat vietnes veidošanas vajadzībām to, ko sauc par "ārējo stilu lapu".

Ārējo stilu lapu priekšrocības un trūkumi

Viena no labākajām lietām par Cascading Style Sheets ir tā, ka varat tos izmantot, lai saglabātu visas vietnes atbilstību. Vieglākais veids, kā to izdarīt, ir saistīt vai importēt ārējo stilu lapu . Ja katrai vietnes lapai izmantojat to pašu ārējo stilu lapu, varat būt pārliecināti, ka visām lapām būs viens un tas pats stils. Jūs varat arī atvieglot izmaiņas nākotnē. Tā kā katra lapa izmanto to pašu ārējo stilu lapu, visas izmaiņas šajā lapā ietekmē katru vietnes lapu. Tas ir daudz labāk nekā katrai lapai atsevišķi mainīt!

Ārējo stilu lapu priekšrocības

  • Varat kontrolēt vairāku dokumentu izskatu vienlaikus.
    • Tas ir īpaši noderīgi, ja jūs strādājat ar cilvēku komandu, lai izveidotu savu tīmekļa vietni. Daudzus stila noteikumus var būt grūti atcerēties, un, kamēr jums var būt izdrukāts stila ceļvedis, ir neefektīva un garlaicīga, lai to nepārtraukti pagrieztu, lai noteiktu, vai teksta paraugs jāraksta 12 punkti Arial fontu vai 14 punktu kurjeru. Ar visu, kas atrodas vienā vietā, un tā kā šī vieta ir arī tad, ja jūs varētu veikt izmaiņas, jūs varat padarīt uzturēšanu daudz vieglāku.
  • Varat izveidot stilu klases, kuras pēc tam var izmantot dažādos HTML elementos .
    • Ja jūs bieži izmantojat noteiktu fontu stilu, lai savā lapā piešķirtu uzsvaru uz dažādām lietām, varat izmantot klases atribūtu, kuru esat iestatījis jūsu stilu lapā, lai iegūtu šo izskatu un justies, nevis noteikt konkrētu stilu katram gadījumam uzsvars.
  • Jūs varat viegli grupēt savus stilus, lai tie būtu efektīvāki.
    • Visas CSS grupēšanas metodes var izmantot ārējo stilu lapās, un tas nodrošina lielāku kontroli un elastīgumu jūsu lapās.

Ārējo stilu lapu trūkumi

  • Ārējās stila lapas var palielināt lejupielādes laiku, īpaši, ja tie ir ļoti lieli. Tā kā CSS fails ir atsevišķs dokuments, kas ir jāielādē, tas ietekmēs veiktspēju, lai veiktu šo lejupielādi.
  • Ārējo stilu lapas kļūst ļoti populāri, jo ir grūti pateikt, kad stils vairs netiek lietots, jo lapa netiek noņemta. Jūsu CSS failu pareiza pārvaldība ir svarīga, jo īpaši, ja vairāki cilvēki strādā ar vienu un to pašu failu.
  • Ja jums ir tikai viena lapas lapa, CSS ārējais fails var nebūt nepieciešams, jo jums ir tikai šī viena stila lapa. Daudzi ārējās CSS priekšrocības tiek zaudētas, ja jums ir tikai viena lapa.

Kā izveidot ārējo stilu lapu

Ārējo stilu lapas tiek izveidotas ar līdzīgu sintaksi, lai dokumentētu līmeņu stilu lapas. Tomēr viss, kas jums jāiekļauj, ir atlasītājs un deklarācija. Tāpat kā dokumenta līmeņa stila lapā, noteikuma sintakse ir:

selektors {īpašums: vērtība}

Saglabājiet šos noteikumus teksta failā ar paplašinājumu .css. Tas nav nepieciešams, taču tas ir labs ieradums iekļūt, lai jūs varētu uzreiz atpazīt jūsu stilu lapas kataloga sarakstā.

Kad esat izveidojis stilu lapas dokumentu, tas ir jāsaista ar tīmekļa lapām . To var izdarīt divos veidos:

  1. Sasaiste
    1. Lai saistītu stila lapu, jūs izmantojat HTML tagu. Tam ir atribūti rel , type un href . Rel atribūts norāda, ko jūs saistāt (šajā gadījumā stilu tabulā), tips definē pārlūkprogrammas MIME tipu, un href ir ceļš uz .csss failu.
  2. Importēšana
    1. Jūs izmantojat importēto stila lapu dokumenta līmeņa stila lapā, lai jūs varētu importēt ārējās stila lapas atribūtus, nezaudējot nevienu konkrētu dokumentu. Jūs sauc to līdzīgi kā sazināties ar saistīto stilu lapu, tikai tas ir jāizsauc dokumenta līmeņa stila deklarācijā. Jūs varat importēt tik daudz ārējo stilu lapas, kā nepieciešams, lai saglabātu jūsu vietni.

Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 8. un 8. jūlijā