Svetainės išvaizda ir jausmas arba "stilius" kyla iš CSS (kaskadinių stilių lapų). Tai yra failas, kurį pridėsite į savo svetainės katalogą, kuriame bus pateikiamos įvairios CSS taisyklės, sukuriančios jūsų puslapių vaizdinį dizainą ir išdėstymą.
Nors svetainės gali naudoti ir dažnai naudojasi keliomis stilių lentelėmis, to nereikia. Visus CSS nustatymus galite įdėti į vieną failą, o tai iš tikrųjų yra naudinga, įskaitant greitesnį įkėlimo laiką ir puslapių našumą , nes nereikia rinkti kelių failų. Nors labai didelės įmonės svetainės kartais gali reikalauti atskirų stilių, daugelis mažų ir vidutinių svetainių gali puikiai daryti tik vieną failą. Tai, ką aš naudoju daugeliui mano interneto dizaino darbų - vienas CSS failas su visomis taisyklėmis, kurių mano puslapiai reikalauja. Taigi dabar klausimas tampa - ką turėtumėte pavadinti šiuo CSS failu?
Pavadinimas konvencijos pagrindai
Kai sukuriate išorinį stiliaus lapą savo tinklalapiams, turėtumėte pavadinti failą, panašų į jūsų HTML failų vardų nustatymo taisykles:
Nenaudokite specialių simbolių
CSS rinkmenų pavadinimu turėtumėte naudoti tik raidę az, skaičius 0-9, pabraukimą (_) ir brūkšnelius (-). Nors jūsų failų sistema gali leisti jums kurti failus su kitais jų simboliais, jūsų serverio OS gali turėti problemų su specialiaisiais simboliais. Esate saugesni, naudodami tik čia paminėtus simbolius. Galų gale, net jei jūsų serveris leidžia naudoti specialiuosius simbolius, gali būti, kad ateityje nuspręsite perkelti prieglobos paslaugų teikėjus .
Nenaudokite jokių erdvių
Tiesiog kaip ir su specialiaisiais simboliais, tarpai gali sukelti problemų jūsų žiniatinklio serveryje. Tai yra gera mintis vengti jų failų pavadinimuose. Aš netgi verčiau pavadinti failus, pvz., PDF, naudojant tas pačias taisykles, tik tuo atveju, kai kada reikės juos pridėti prie svetainės. Jei manote, kad reikia daugiau vietos, kad failo vardas būtų lengviau skaitomas, vietoj jo pasirinkite brūkšnelius ar pabraukimus. Pavyzdžiui, vietoj naudojimosi "tai yra file.pdf", aš norėčiau naudoti "this-is-the-file.pdf".
Failo vardas turėtų prasidėti laišku
Nors tai nėra absoliutus reikalavimas, kai kurioms sistemoms kyla problemų su failų pavadinimais, kurie nesibaigia raidėmis. Pavyzdžiui, jei nuspręsite pradėti failą su numerio simboliu, tai gali sukelti problemų.
Naudokite visus apatinius dėklus
Nors tai nėra reikalinga failo pavadinimui, tai yra gera idėja, nes kai kurie interneto serveriai yra didžiosios ir mažosios raidės, o jei pamirštumėte ir nurodėte failą kitokiu atveju, jis nebus įkeltas. Savo darbe aš naudoju mažos raidės kiekvieno failo vardą. Aš iš tikrųjų suradau, kad tai yra kažkas, kurį daugelis naujų interneto dizainerių sunkiai prisimena. Jų numatytasis veiksmas, pavadindamas failą, yra pagrindinis vardas. Venkite to ir įeikite į įprastus tik mažų raidžių ženklus.
Laikykite failo vardą kaip galima trumpesnį
Nors daugumoje operacinių sistemų yra failo vardo dydžio ribos, jis yra daug ilgesnis nei pagrįstas CSS failo vardui. Geras nykščio taisyklė - ne daugiau kaip 20 simbolių failo pavadinimui, išskyrus plėtinį. Tiesą sakant, nieko, kas daug ilgiau nei tas, yra nepatogus dirbti ir bet kuriuo atveju susieti!
Svarbiausia CSS failo vardo dalis
Svarbiausia CSS failo pavadinimo dalis nėra pats failo vardas, bet plėtinys. Plėtiniai nėra reikalingi "Macintosh" ir "Linux" sistemose, tačiau vis tiek rekomenduojama jį įtraukti, kai rašote CSS failą. Tokiu būdu jūs visada žinote, kad tai stiliaus lapas, o ne reikia atidaryti failą, kad galėtumėte nustatyti, kas tai daroma ateityje.
Tikriausiai tai nėra didelis siurprizas, tačiau CSS failo plėtinys turėtų būti toks:
.cssCSS failų pavadinimo konvencijos
Jei svetainėje bus tik vienas CSS failas, galite pavadinti jį viskuo, ko jums patinka. Aš norėčiau:
styles.css arba default.cssKadangi dauguma svetainių, kuriose aš dirbu, apima vieną CSS failą, šie vardai man gerai tinka.
Jei jūsų svetainėje bus naudojami keli CSS failai, pavadinkite stiliaus lapus po jų funkcijos, kad būtų aišku, kokia yra kiekvieno failo paskirtis. Kadangi tinklalapyje gali būti prie jų pridedami keli stiliaus lapai, jis padeda suskirstyti stilius į skirtingus lapus, priklausomai nuo tos lapo funkcijos ir stilių. Pavyzdžiui:
- Layout vs. Design layout.css design.css
- Puslapio sekcijos main.css nav.css
- Visa svetainė su dalimis mainstyles.css subpage.css
Jei jūsų svetainėje naudojama tam tikros sistemos dalis, jums greičiausiai pastebėsite, kad ji naudoja keletą CSS failų, kiekviena skirta skirtingoms puslapių ar svetainės aspektų dalims (spausdinimas, spalva, išdėstymas ir tt).
Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard, 9/5/17