Svetainės išvaizda ir jausmas arba "stilius" kyla CSS (kaskadinio stiliaus lapai). 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 atlikti tik vieną failą su visomis taisyklėmis, kurių reikia jūsų puslapiams. Tai kelia klausimą "Ką turėčiau pavadinti šį CSS failą"? "
Pavadinimas konvencijos pagrindai
Kai sukuriate išorinį stiliaus lapą savo tinklalapiams, turėtumėte pavadinti failą, panašų į jūsų HTML rinkmenų pavadinimų nustatymus.
Nenaudokite specialių simbolių
CSS failų pavadinimu turėtumėte naudoti tik a-z, 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, tai gali būti ir tuo atveju, jei ateityje nuspręsite perkelti į priimančiosios šalies teikėjus.
Nenaudokite jokių erdvių
Tiesiog kaip ir su specialiaisiais simboliais, tarpai gali sukelti problemų jūsų žiniatinklio serveryje. Tai yra gera idėja, kad jų išvengtumėte savo failų pavadinimuose - netgi turėtumėte pavadinti failus, pvz., PDF, naudojant tas pačias taisykles, tik tuo atveju, jei kada nors reikės juos pridėti prie svetainės. Jei manote, kad jums reikia vietos, kad failo vardas būtų lengviau skaitomas, vietoj jo pasirinkite brūkšnelius ar pabraukimus. Pavyzdžiui, vietoj to, kad naudojate "tai yra file.pdf", naudokite "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 pasirinksite pradėti failą su skaičiaus ženklu, tai gali sukelti problemų žemyn eilutėje.
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. Kiekvieno failo pavadinimo naudojimas mažosiomis raidėmis visada yra protingas būdas eiti. Tiesą sakant, daugelis naujų interneto dizainerių kenčia prisiminti, kad tai padaryti - 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, kažkas daug ilgesnis už tai, kad būtų sunku dirbti ir vis tiek 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:
.css
CSS failų pavadinimo konvencijos
Jei svetainėje bus tik vienas CSS failas, galite pavadinti jį viskuo, ko jums patinka. Geresnis yra vienas iš šių:
styles.css arba default.css
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 tinklalapis gali būti su jais susietas su keliais stiliaus lapais, tai padeda suskirstyti savo stilių į skirtingus lapus, priklausomai nuo tos lapo funkcijos ir stilių. Pavyzdžiui:
- Maketas ir dizainas
layout.css design.css
- Puslapio sekcijos
main.css nav.css
- Visa svetainė su poskyriu
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).
Redagavo Jeremy Girard
