Tīmekļa vietnes izskatu un "stilu" nosaka CSS (kaskādes stila lapas). Šis ir fails, kuru pievienosiet savas vietnes direktorijai, kurā būs dažādi CSS noteikumi, kas izveido jūsu lapu vizuālo noformējumu un izkārtojumu.
Kaut arī vietnes var izmantot un bieži izmanto vairākas stila lapas, tas nav jādara. Jūs varat ievietot visus savus CSS noteikumus vienā failā, un, to darot, faktiski ir arī priekšrocības, tostarp ātrāk ielādes laiks un lapu veiktspēju, jo tām nav nepieciešams ielādēt vairākus failus. Kaut arī ļoti lielām uzņēmumu vietnēm reizēm var būt nepieciešamas atsevišķas stila lapas, daudzām mazām un vidējām vietnēm var lieliski paveikt tikai vienu failu ar visiem jūsu lapām nepieciešamajiem noteikumiem. Tādējādi rodas jautājums "Kā man nosaukt šo CSS failu"? "
Konvencijas nosaukšanas pamati
Kad izveidojat ārējā stila lapa savām tīmekļa lapām failam ir jānosauc, ievērojot līdzīgas HTML failu nosaukšanas konvencijas.
Nelietojiet īpašās rakstzīmes
CSS failu nosaukumos izmantojiet tikai burtus a-z, ciparus 0-9, pasvītrojumu (_) un defises (-). Lai gan jūsu failu sistēma var ļaut jums izveidot failus ar citām rakstzīmēm, servera OS var būt problēmas ar īpašām rakstzīmēm. Jums ir drošāk izmantot tikai šeit minētās rakstzīmes. Galu galā, pat ja jūsu serverī ir atļautas īpašas rakstzīmes, tas var nebūt tā, ja nākotnē nolemjat pāriet uz dažādiem resursdatoru nodrošinātājiem.
Nelietojiet nevienu atstarpi
Tāpat kā ar īpašām rakstzīmēm, atstarpes var radīt problēmas jūsu tīmekļa serverī. Ir ieteicams no tiem izvairīties faila nosaukumos; jums pat vajadzētu likt nodēvēt failus, piemēram, PDF, izmantojot šīs pašas konvencijas, tikai gadījumā, ja jums kādreiz tie būs jāpievieno vietnei. Ja jums šķiet, ka faila nosaukuma lasīšanai ir nepieciešama vieta, tā vietā izvēlieties defises vai pasvītras. Piemēram, tā vietā, lai izmantotu “šis ir fails.pdf”, izmantojiet “šis-tas-ir-fails.pdf”.
Faila nosaukumam jāsākas ar burtu
Lai gan tā nav absolūta prasība, dažām sistēmām ir problēmas ar failu nosaukumiem, kas nesākas ar burtu. Piemēram, ja izvēlaties sākt failu ar ciparu rakstzīmi, tas var izraisīt problēmas rindā.
Izmantojiet visus mazos burtus
Lai gan faila nosaukumam tas nav nepieciešams, tā ir laba ideja, jo daži tīmekļa serveri ir reģistrjutīgi, un, ja aizmirstat un atsaucat failu citā gadījumā, tas netiks ielādēts. Mazu burtu izmantošana katram faila nosaukumam vienmēr ir gudrs veids. Patiesībā daudziem jaunajiem tīmekļa dizaineriem ir grūti atcerēties to izdarīt, un noklusējuma darbība, nosaucot failu, ir lielo burtu lietošana nosaukuma pirmajā rakstzīmē. Izvairieties no tā un pierodiet tikai pie mazajiem burtiem.
Saglabājiet faila nosaukumu pēc iespējas īsāku
Lai gan lielākajai daļai faila nosaukuma lieluma ir ierobežojums operētājsistēmas, tas ir daudz garāks nekā CSS faila nosaukumam ir saprātīgi. Labs īkšķa noteikums ir ne vairāk kā 20 rakstzīmes faila nosaukumam, neskaitot paplašinājumu. Reāli viss, kas ir daudz ilgāks par to, ir apgrūtinošs, lai ar to varētu strādāt un ar ko saistīt.
Vissvarīgākā daļa no jūsu CSS faila nosaukuma
Vissvarīgākā CSS faila nosaukuma daļa nav pats faila nosaukums, bet gan paplašinājums. Paplašinājumi nav nepieciešami Macintosh un Linux sistēmas, taču, rakstot CSS failu, tā tomēr ir laba iekļaušana. Tādā veidā jūs vienmēr zināt, ka tā ir stila lapa, un jums nav jāatver fails, lai noteiktu, kas tas ir nākotnē.
Tas, iespējams, nav liels pārsteigums, taču CSS faila paplašinājumam jābūt:
.css
CSS failu nosaukšanas konvencijas
Ja jums kādreiz vietnē būs tikai viens CSS fails, varat to nosaukt kā vien vēlaties. Vēlams viens no šiem:
stils.css
standarts.css
noklusējums.css
Ja jūsu vietnē tiks izmantoti vairāki CSS faili, stila lapas nosauciet pēc to funkcijas, lai būtu skaidrs, kāds ir katra faila mērķis. Tā kā tīmekļa lapai var būt pievienotas vairākas stila lapas, tas palīdz sadalīt stilus dažādās lapās atkarībā no šīs lapas funkcijas un tajā esošajiem stiliem. Piemēram:
-
Izkārtojums vs. dizains
izkārtojums.css dizains.css
-
Lappušu sadaļas
main.css nav.css
-
Visa vietne ar apakšnodaļām
mainstyles.css subpage.css
Ja jūsu vietnē tiek izmantota kāda veida sistēma, jūs, iespējams, pamanīsit, ka tajā tiek izmantoti vairāki CSS faili, katrs veltīts dažādām lapu daļām vai vietnes aspektiem (tipogrāfija, krāsa, izkārtojums, utt.).