Mājas lapas izskatu un stilu nosaka CSS (kaskādes stila lapas). Šis ir fails, kuru pievienosit sava vietnes direktorijai un kurā būs ietverti dažādi CSS noteikumi, kas izveido jūsu lapu vizuālo dizainu un izkārtojumu.
Kamēr vietnes var izmantot un bieži vien izmantot vairākas stila lapas, tas nav nepieciešams. Jūs varat ievietot visus savus CSS noteikumus vienā failā, un faktiski ir ieguvumi, tai skaitā ātrāk ielādes laiks un lapu veiktspēja , jo tiem nav nepieciešams ielādēt vairākus failus. Lai gan ļoti lielām uzņēmumu vietām var būt nepieciešami atsevišķi stila lapas, daudzas mazas vai vidējas vietnes to var darīt perfekti pareizi, izmantojot tikai vienu failu. To es izmantoju lielākajai daļai manu web dizaina darbu - vienu CSS failu ar visiem noteikumiem, kas vajadzīgi manām lapām. Tātad jautājums tagad kļūst - ko jums vajadzētu nosaukt šo CSS failu?
Nosaukuma konferences pamati
Veidojot ārējo stilu lapu savām tīmekļa lapām, jums jānorāda fails, ievērojot līdzīgas nosaukumu konvencijas HTML failiem:
Neizmantojiet īpašus simbolus
CSS failu nosaukumos izmantojiet tikai burti az, ciparus 0-9, pasvītrojumus (_) un defises (-). Kamēr jūsu failu sistēma var ļaut jums izveidot failus ar citām rakstzīmēm no tiem, jūsu servera operētājsistēmai var būt problēmas ar īpašām rakstzīmēm. Jūs esat drošāks, izmantojot tikai šeit minētās rakstzīmes. Galu galā, pat ja jūsu serveris pieļauj īpašas rakstzīmes, tas var nebūt gadījumā, ja jūs nolemjat pārņemt viesošanas pakalpojumu sniedzējus nākotnē.
Neizmantojiet nevienu telpu
Tieši tāpat kā ar īpašām rakstzīmēm, atstarpes var radīt problēmas jūsu tīmekļa serverī. Ieteicams izvairīties no tiem failu nosaukumos. Es pat pieļāvu, ka ir jānorāda faili, piemēram, PDF faili, izmantojot šīs pašas konvencijas, tikai tad, ja man kaut kad vajadzētu pievienot tos vietnei. Ja jums šķiet, ka jums ir nepieciešams atstarpe, lai faila nosaukums būtu vieglāk lasāms, tā vietā izvēlieties defises vai pasvītras. Piemēram, tā vietā, lai izmantotu "tas ir file.pdf", es izmantotu "this-is-the-file.pdf".
Faila nosaukums jāsākas ar vēstuli
Lai gan tas nav absolūti nepieciešams, dažām sistēmām ir grūtības ar failu nosaukumiem, kas nesākas ar burtu. Piemēram, ja izvēlaties sākt failu ar numura rakstzīmi, tas var radīt problēmas.
Izmantojiet visu zemāko lietu
Lai gan tas nav nepieciešams faila nosaukumam, tā ir laba ideja, tā kā daži tīmekļa serveri ir reģistrjutīgi, un, ja jūs aizmirstat un atsaucat failu citā gadījumā, tas netiks ielādēts. Savā darbā es lietoju mazo burtu nosaukumus katram faila nosaukumam. Es patiešām konstatēju, ka tas ir kaut kas, ko daudzi jaunie tīmekļa dizaineri cīnās, lai to atcerētos. Viņu noklusējuma darbība, nosaucot failu, ir galvenā vārda pirmā rakstzīme. Izvairieties no tā un ieejiet tikai mazo rakstzīmju ieradumā.
Saglabājiet faila nosaukumu pēc iespējas īsākā laikā
Lai gan lielākajā daļā operētājsistēmu ir ierobežots faila nosaukuma lielums, tas ir daudz ilgāks nekā CSS faila nosaukuma pamatojums. Labs īkšķis ir ne vairāk kā 20 rakstzīmes faila nosaukumam, neiekļaujot paplašinājumu. Realtiski kaut kas ir daudz ilgāks nekā tas ir grūti strādāt ar un jebkurā saiti!
Jūsu CSS faila nosaukuma svarīgākā daļa
Vissvarīgākā CSS faila nosaukuma daļa nav pats faila nosaukums, bet paplašinājums. Paplašinājumi nav nepieciešami Macintosh un Linux sistēmās, taču, ja rakstāt CSS failu, vislabāk ir to iekļaut. Tādā veidā jūs vienmēr zināt, ka tā ir stila lapa, un nav jāatver fails, lai noteiktu, kas tas ir nākotnē.
Iespējams, tas nav liels pārsteigums, taču jūsu CSS faila paplašinājumam jābūt:
.cssCSS failu nosaukumu konvencijas
Ja vietnē vietnē kādreiz būs tikai viens CSS fails, varat to nosaukt par visu, kas jums patīk. Es gribētu:
styles.css vai default.cssTā kā lielākā daļa vietņu, pie kurām es strādāju, ietver vienu CSS failu, šie vārdi man labi darbojas.
Ja jūsu vietnē tiks izmantoti vairāki CSS faili, pēc to funkcijām nosauciet stila lapas, lai precīzi noskaidrotu, kas ir katra faila mērķis. Tā kā tīmekļa lapai var būt pievienotas vairākas stilu lapas, tas palīdz sadalīt stilus dažādās lapās atkarībā no tā lapas funkcijas un stilu. Piemēram:
- Layout vs. Design layout.css design.css
- Lapu sekcijas 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, no kuriem katrs ir veltīts dažādām lappušu daļām vai vietnes aspektiem (tipogrāfija, krāsa, izkārtojums utt.).
Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 17. un 17. septembrī