Kaskadiniai stiliaus lakštai tapo standartiniu svetainių stiliaus ir išdėstymo būdu. Dizaineriai naudoja stiliaus lapai pasakyti naršyklei, kaip svetainė turėtų būti rodoma pagal išvaizdą, apimant tokius veiksnius kaip spalva, tarpai, šriftai ir daug daugiau.
CSS stiliai diegiami dviem būdais:
- Įterpta - pačiame tinklalapio kodavime, atskirai, elementas po elemento
- Atskirame CSS dokumente, su kuriuo susieta svetainė
Geriausia CSS praktika
„Geriausia praktika“ yra internetinių svetainių kūrimo ir kūrimo metodai, kurie pasirodė esąs efektyviausi ir duodami daugiausiai grąžos už atliktą darbą. Sekdami juos CSS kuriant svetaines padeda svetainėms atrodyti ir veikti kuo geriau. Bėgant metams jie vystėsi kartu su kitomis interneto kalbomis ir technologijomis, o atskiras CSS stilių lapas tapo pirmenybiniu naudojimo metodu.
Geriausios CSS praktikos laikymasis gali pagerinti jūsų svetainę keliais būdais:
- Atskiria turinį nuo dizaino: Vienas iš pagrindinių CSS tikslų yra pašalinti dizaino elementus iš HTML ir įdėti juos į kitą vietą, kurią dizaineris galėtų prižiūrėti. Ši praktika taip pat padeda atskirti dizainerius nuo kūrėjų, kad kiekvienas galėtų sutelkti dėmesį į savo kompetencijos sritis. Dizaineris neprivalo būti kūrėjas, kad išlaikytų svetainės išvaizdą.
- Palengvina priežiūrą: Vienas iš labiausiai nepastebimų interneto dizaino elementų yra priežiūra. Skirtingai nuo spausdintos medžiagos, svetainė niekada nėra „viena ir padaryta“. Laikui bėgant turinys, dizainas ir funkcijos gali ir turėtų keistis. Turint CSS centrinėje vietoje, o ne apibarstyti visoje svetainėje, viską lengviau prižiūrėti.
- Saugo jūsų svetainę: CSS stilių naudojimas padeda paieškos sistemoms ir neįgaliems asmenims bendrauti su jūsų svetaine.
- Išlaiko jūsų svetainę ilgiau: Naudodamiesi geriausia praktika naudodamiesi CSS, jūs laikotės standartų, kurie pasirodė stabilūs, tačiau pakankamai lankstūs, kad galėtų atsižvelgti į interneto dizaino aplinkos pokyčius.
Įterpti stiliai nėra geriausia praktika
Įterpti stiliai, nors ir turi tikslą, paprastai nėra geriausias būdas išlaikyti jūsų svetainę. Jie prieštarauja kiekvienai iš geriausių praktikų:
- Įterpti stiliai neatskiria turinio nuo dizaino: Įterptieji stiliai yra visiškai tokie patys kaip įterptieji šriftai ir kitos nepatogios dizaino žymos, nuo kurių šiuolaikiniai kūrėjai nepritaria. Stiliai veikia tik tam tikrus, atskirus elementus, kuriems jie taikomi; nors šis metodas gali suteikti jums daugiau detalių valdymo galimybių, jis taip pat apsunkina kitus projektavimo ir kūrimo aspektus, pvz., nuoseklumą.
- Įterpti stiliai sukelia priežiūros galvos skausmą: Kai dirbate su stiliaus lapais, išsiaiškinti, kur yra nustatytas stilius, gali būti sunku. Kai susiduriate su mišiniu įterptiniai, įterptieji ir išoriniai stiliai, turite daug vietų, kurias galite patikrinti. Jei dirbate interneto dizaino komandoje arba turite iš naujo sukurti ar prižiūrėti kažkieno sukurtą svetainę, turėsite dar daugiau problemų. Radę stilių ir jį pakeitę, turėsite tai padaryti kiekviename puslapyje, kuriame jis buvo, esančiame elemente. Tai astronomiškai padidina laiko ir darbo biudžetą.
- Įterpti stiliai nėra tokie prieinami: Nors šiuolaikinis ekrano skaitytuvas ar kitas pagalbinis įrenginys gali valdyti įterptinius atributus ir žymos efektyviai, kai kurie senesni įrenginiai negali, o tai gali sukelti keistai rodomą internetą puslapių. Papildomi simboliai ir tekstas gali paveikti ir tai, kaip jūsų puslapį mato paieškos variklio robotas, todėl jūsų puslapiui nėra taip gerai, kaip optimizuoti paieškos sistemą.
- Įterptiniai stiliai padidina jūsų puslapius: Jei norite, kad kiekviena jūsų svetainės pastraipa būtų rodoma tam tikru būdu, galite tai padaryti vieną kartą, naudodamiesi šešias ar daugiau eilučių kodo išoriniame stiliaus lape. Jei tai darote naudodami įterptinius stilius, turite pridėti tuos stilius prie kiekvienos savo svetainės pastraipos. Jei turite penkias CSS eilutes, tai penkios eilutės padaugintos iš kiekvienos jūsų svetainės pastraipos. Tas pralaidumas ir įkėlimo laikas gali suskubti.
Įterptųjų stilių alternatyva yra išoriniai stilių lapai
Užuot naudoję įterptinius stilius, naudokite išorinius stiliaus lapus. Jie suteikia jums visus CSS geriausios praktikos pranašumus ir yra lengvai naudojami. Tokiu būdu visi jūsų svetainėje naudojami stiliai yra atskirame dokumente, kuris tada susietas su žiniatinklio dokumentu su viena kodo eilute. Išoriniai stiliaus lapai paveikti bet kokį dokumentą, prie kurio jie pridedami. Jei turite 20 puslapių svetainę, kurioje kiekviename puslapyje naudojamas tas pats stiliaus lapas - paprastai taip yra padaryta - galite pakeisti kiekvieną iš tų puslapių, paprasčiausiai taisydami tuos stilius vieną kartą vieta. Stilių keitimas vienoje vietoje yra patogesnis nei to kodavimo paieška kiekviename jūsų svetainės puslapyje. Šis lankstumas žymiai palengvina ilgalaikį svetainės valdymą.