Kaskaadist stiililehed on muutunud veebisaitide kujundamise ja kujundamise standardviisiks. Disainerid kasutavad stiililehed brauserile öelda, kuidas veebisaiti peaks väljanägemise järgi kuvama, hõlmates selliseid tegureid nagu värv, vahed, fondid ja palju muud.
CSS-i stiilid rakenduvad kahel viisil:
- Inline - veebisaidi enda kodeeringus, individuaalselt, elementide kaupa
- Eraldi CSS-dokumendis, millega veebisait on lingitud
CSS-i parimad tavad
"Parimad tavad" on veebisaitide kujundamise ja koostamise meetodid, mis on osutunud kõige tõhusamaks ja annavad sellega seotud töö eest kõige rohkem tulu. Järgides neid aastal CSS veebidisainis aitab veebisaitidel võimalikult hästi välja näha ja toimida. Need on aastate jooksul arenenud koos teiste veebikeelte ja -tehnoloogiatega ning eraldiseisvast CSS-i stiililehest on saanud eelistatud kasutusviis.
CSS-i parimate tavade järgimine võib teie saiti mitmel viisil parandada:
- Eristab sisu kujundusest: CSS-i üks peamisi eesmärke on kujunduselementide eemaldamine HTML-ist ja paigutamine disaineri hooldamiseks teise kohta. See tava on mõeldud ka disainerite ja arendajate eraldamiseks, et igaüks saaks keskenduda oma erialadele. Disainer ei pea olema arendaja, et veebisaidi ilmet säilitada.
- Muudab hoolduse lihtsaks: Veebikujunduse üks tähelepanuta jäetud elemente on hooldus. Erinevalt trükimaterjalidest pole veebisait kunagi "üks ja valmis". Sisu, kujundus ja funktsioon võivad ja peaksid aja jooksul arenema. CSS-i hoidmine keskses kohas, selle asemel et seda kogu veebisaidile puista, muudab asjade hooldamise palju lihtsamaks.
- Hoiab teie saidi ligipääsetavana: CSS-stiilide kasutamine aitab otsingumootoritel ja puuetega inimestel teie saidiga suhelda.
- Hoiab teie saidi ajakohasena kauemKasutades CSS-i parimaid tavasid, järgite standardeid, mis on osutunud stabiilseks, kuid piisavalt paindlikuks, et kohandada muudatusi veebidisaini keskkonnas.
Sisenevad stiilid pole parim tava
Sisenevad stiilid, kuigi neil on eesmärk, ei ole üldiselt parim viis teie veebisaidi hooldamiseks. Need on vastuolus kõigi parimate tavadega:
- Sisenevad stiilid ei eralda sisu kujundusest: Sisse kuuluvad stiilid on täpselt samad kui sisseehitatud font ja muud kohmakad kujundusmärgendid, mille vastu tänapäevased arendajad rööpivad. Stiilid mõjutavad ainult konkreetseid üksikuid elemente, millele neid rakendatakse; kuigi see lähenemine võib anda teile täpsema kontrolli, muudab see ka muud disaini ja arenduse aspektid - näiteks järjepidevuse - keerulisemaks.
- Sisemised stiilid põhjustavad hoolduspeavalu: Kui töötate stiililehtedega, võib olla keeruline välja selgitada, kus stiili seatakse. Kui teil on tegemist seguga sisseehitatud, sisseehitatud ja välised stiilid, teil on palju asukohti, mida kontrollida. Kui töötate veebidisaini meeskonnas või peate kellegi teise loodud saidi ümber kujundama või seda hooldama, on teil veelgi rohkem probleeme. Kui olete stiili leidnud ja seda muutnud, peate seda tegema iga lehe igal elemendil, kuhu see on paigutatud. See suurendab astronoomiliselt aja- ja tööeelarvet.
- Sisenevad stiilid pole nii ligipääsetavad: Ehkki kaasaegne ekraanilugeja või mõni muu abiseade suudab siseseid atribuute käsitleda ja sildid tõhusalt, mõned vanemad seadmed seda ei saa, mille tulemuseks võib olla kummaliselt kuvatav veeb lehekülgi. Lisamärgid ja tekst võivad mõjutada ka seda, kuidas otsingumootori robot teie lehte vaatab, nii et teie leht ei lähe otsingumootori optimeerimise osas nii hästi.
- Sisenevad stiilid muudavad teie lehed suuremaks: Kui soovite, et kõik teie saidi lõikud ilmuksid kindlal viisil, saate seda teha üks kord kuue rea reaga välises stiililehes. Kui teete seda siseste stiilidega, peate need stiilid oma saidi igasse lõiku lisama. Kui teil on viis CSS-rida, on see viis rida korrutatud teie saidi iga lõiguga. See ribalaius ja laadimisaeg võivad kiirustades kokku tulla.
Sissejäänud stiilide alternatiiv on välised stiililehed
Sisemiste stiilide asemel kasutage väliseid stiililehti. Need pakuvad teile CSS-i parimate tavade eeliseid ja neid on lihtne kasutada. Sel viisil rakendatuna elavad kõik teie saidil kasutatavad stiilid eraldi dokumendis, mis on seejärel lingitud ühe koodireaga veebidokumendiga. Välised stiililehed mõjutada mis tahes dokumenti, millele need on lisatud. Kui teil on 20-leheküljeline veebisait, kus igal lehel on kasutatud sama stiililehte - see on tavaliselt nii valmis - saate muuta kõiki neid lehti lihtsalt muutes neid stiile ükshaaval koht. Stiilide muutmine ühes kohas on mugavam kui selle kodeeringu otsimine teie veebisaidi igal lehel. See paindlikkus muudab saidi pikaajalise haldamise palju lihtsamaks.