Svetainės išvaizdą ir „stilių“ diktuoja CSS (pakopiniai stiliaus lakštai). Tai failas, kurį pridėsite savo svetainės kataloge, kuriame bus įvairios CSS taisyklės, sukuriančios vizualų jūsų puslapių dizainą ir išdėstymą.
Nors svetainės gali naudoti ir dažnai naudoja kelis stiliaus lapus, to daryti nereikia. Visas CSS taisykles galite talpinti į vieną failą, ir tai iš tikrųjų yra naudinga, įskaitant greitesnį apkrovos laikas ir puslapių našumą, nes jiems nereikia gauti kelių failų. Nors labai didelėms įmonėms kartais gali prireikti atskirų stiliaus lapų, daugeliui mažų ir vidutinių svetainių puikiai tinka tik vienas failas su visomis jums reikalingomis taisyklėmis. Tai kelia klausimą "Ką turėčiau pavadinti šį CSS failą"? "
Konvencijos pavadinimo pagrindai
Kai sukursite išorinis stiliaus lapas savo tinklalapiams turėtumėte pavadinti failą vadovaudamiesi panašiomis HTML failų pavadinimo taisyklėmis.
Nenaudokite specialiųjų simbolių
Savo CSS failų pavadinimuose turėtumėte naudoti tik raides a – z, skaičius 0–9, pabraukimą (_) ir brūkšnelius (-). Nors failų sistema gali leisti kurti failus su kitais simboliais, jūsų serverio OS gali kilti problemų dėl specialiųjų simbolių. Jums saugiau naudoti tik čia paminėtus simbolius. Galų gale, net jei jūsų serveryje leidžiama naudoti specialiuosius simbolius, to gali nebūti, jei ateityje nuspręsite persikelti į skirtingus prieglobos paslaugų teikėjus.
Nenaudokite jokių tarpų
Kaip ir naudojant specialiuosius simbolius, tarpai gali sukelti problemų jūsų žiniatinklio serveryje. Verta jų išvengti failų pavadinimuose; net turėtumėte atkreipti dėmesį į failų, pvz., PDF, pavadinimą naudojant tas pačias konvencijas, tik tuo atveju, jei kada nors reikės juos pridėti prie svetainės. Jei labai jaučiate, kad reikia vietos, kad būtų lengviau perskaityti failo pavadinimą, vietoj to pasirinkite brūkšnelius ar pabraukimus. Pvz., Užuot naudoję „this is file.pdf“, naudokite „this-is-the-file.pdf“.
Failo vardas turėtų prasidėti laišku
Nors tai nėra absoliutus reikalavimas, kai kuriose sistemose kyla problemų dėl failų pavadinimų, kurie prasideda ne raide. Pvz., Jei nuspręsite pradėti failą skaičiaus simboliu, tai gali sukelti problemų žemyn eilutėje.
Naudokite visas mažąsias raides
Nors failo vardui to nereikia, tai yra gera idėja, nes kai kuriuose žiniatinklio serveriuose didžiosios ir mažosios raidės skiriamos, o jei pamiršite ir nurodysite failą kitu atveju, jis nebus įkeltas. Naudoti mažąsias raides kiekvienam failo vardui visada yra protingas būdas. Tiesą sakant, daugelis naujų interneto dizainerių stengiasi tai nepamiršti. Numatytasis failo pavadinimo veiksmas - tai didžiojo vardo rašymas didžiosiomis raidėmis. Venkite to ir įpraskite rašyti tik mažąsias raides.
Laikykite failo pavadinimą kuo trumpesnį
Nors daugumai failų vardų dydis yra ribotas Operacinės sistemos, jis yra daug ilgesnis, nei yra pagrįsta CSS failo pavadinimu. Gera nykščio taisyklė yra ne daugiau kaip 20 simbolių failo pavadinime, neįskaitant plėtinio. Realiai, viskas, kas yra daug ilgesnė, yra nepatogus, kad su juo būtų galima dirbti ir susieti.
Svarbiausia jūsų CSS failo vardo dalis
Svarbiausia CSS failo vardo dalis yra ne pats failo vardas, o plėtinys. „Macintosh“ ir „Windows“ operacinėse sistemose plėtinių nereikia „Linux“ sistemos, bet vis tiek patartina jį įtraukti rašant CSS failą. Tokiu būdu jūs visada žinosite, kad tai yra stiliaus lapas, ir jums nereikės atidaryti failo, kad nustatytumėte, kas tai yra ateityje.
Tai tikriausiai nėra didelė staigmena, tačiau jūsų CSS failo plėtinys turėtų būti:
.css
CSS failų pavadinimo taisyklės
Jei svetainėje kada nors turėsite tik vieną CSS failą, galite jį pavadinti taip, kaip jums patinka. Pageidautina:
stilius.css
standartas.css
numatytasis.css
Jei jūsų svetainėje bus naudojami keli CSS failai, pavadinkite stiliaus lapus pagal jų funkciją, kad būtų aišku, koks yra kiekvieno failo tikslas. Kadangi tinklalapyje gali būti keli stilių lapai, tai padeda suskirstyti stilius į skirtingus lapus, atsižvelgiant į to lapo funkciją ir stilius. Pavyzdžiui:
-
Išdėstymas vs. dizainas
maketas.css dizainas.css
-
Puslapio skyriai
main.css nav.css
-
Visa svetainė su poskyriais
mainstyles.css subpage.css
Jei jūsų svetainėje naudojama tam tikra sistema, greičiausiai pastebėsite, kad joje naudojami keli CSS failai, kiekvienas skirtas skirtingoms puslapių dalims ar svetainės aspektams (tipografijai, spalvai, išdėstymui, ir pan.).