Mājas lapas izskatu un stilu nosaka CSS (kaskādes stilu 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 vietnē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 ar visiem noteikumiem, kas vajadzīgi jūsu lapām. Tas liek uzdot jautājumu "Kas man 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 jūsu HTML failiem.
Neizmantojiet īpašus simbolus
CSS failu nosaukumos ir jāizmanto tikai burti a-z, skaitļi 0-9, pasvītrojums (_) 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 nākotnē jūs nolemsit pāriet uz uzņēmējas pakalpojumu sniedzējiem.
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 jūsu failu nosaukumos - jums pat vajadzētu dot nosaukumu tādiem failiem kā PDF, izmantojot šīs pašas konvencijas, tikai tad, ja jums kādreiz ir nepieciešams pievienot tos vietnei. Ja jūs ļoti domājat, ka jums ir nepieciešams atstarpinājums, 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 fails.pdf", izmantojiet "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 jūs izvēlēsieties sākt failu ar numura simbolu, tas var radīt problēmas līnijā.
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. Izmantojot mazos burtus katram faila nosaukumam, vienmēr ir gudrs veids, kā iet. Faktiski daudzi jaunie tīmekļa dizaineri cīnās par to atcerēties - viņu noklusējuma darbība, nosaucot failu, ir lielā 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ā gadījumā saites.
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:
.css
CSS failu nosaukumu konvencijas
Ja vietnē vietnē kādreiz būs tikai viens CSS fails, varat to nosaukt par visu, kas jums patīk. Vēlams izvēlēties vienu no tālāk norādītajām.
styles.css vai default.css
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 šīs lapas un stilu funkcijas. Piemēram:
- Izkārtojums pret dizainu
layout.css design.css
- Lapas sadaļas
main.css nav.css
- Visa vietne ar apakšsekcijā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.).
Rediģējis Jeremijs Girards
