Kaskádové štýly sa stali štandardným spôsobom úpravy a usporiadania webových stránok. Dizajnéri používajú štýly povedať prehliadaču, ako by sa mala webová stránka zobrazovať, čo sa týka vzhľadu a dojmu, pričom pokrýva také faktory, ako sú farba, rozstupy, písma a mnoho iného.
Štýly CSS sa nasadia dvoma spôsobmi:
- Inline - v rámci kódovania samotnej webovej stránky, na individuálnom základe po jednotlivých prvkoch
- V samostatnom dokumente CSS, s ktorým je webová stránka prepojená
Najlepšie postupy pre CSS
„Osvedčené postupy“ sú metódy navrhovania a vytvárania webových stránok, ktoré sa ukázali ako najefektívnejšie a prinášajú najväčšiu návratnosť vykonanej práce. Sledujúc ich v CSS vo webdizajne pomáha webovým stránkam čo najlepšie vyzerať a fungovať. Vyvinuli sa v priebehu rokov spolu s ďalšími webovými jazykmi a technológiami a preferovanou metódou použitia sa stal samostatný šablóna štýlov CSS.
Dodržiavanie osvedčených postupov pre CSS môže váš web vylepšiť niekoľkými spôsobmi:
- Oddeľuje obsah od dizajnu: Jedným z hlavných cieľov CSS je odstrániť dizajnové prvky z HTML a umiestniť ich na iné miesto, aby si ich dizajnér udržal. Táto prax slúži aj na oddelenie návrhárov od vývojárov, aby sa každý mohol sústrediť na svoje odborné oblasti. Dizajnér nemusí byť vývojár, aby udržal vzhľad webovej stránky.
- Uľahčuje údržbu: Jedným z najviac prehliadaných prvkov webdizajnu je údržba. Na rozdiel od tlačených materiálov nie je web nikdy „jeden a hotový“. Obsah, dizajn a funkcia sa môžu a mali by sa časom vyvíjať. Udržiavanie CSS na centrálnom mieste, a nie rozmiestnené po celom webe, uľahčuje údržbu.
- Udržuje váš web prístupný: Používanie štýlov CSS pomáha vyhľadávačom a postihnutým osobám interagovať s vašou stránkou.
- Udržuje váš web aktuálny dlhšie: Používaním osvedčených postupov s CSS dodržiavate štandardy, ktoré sa preukázali ako stabilné, ale dostatočne flexibilné na to, aby vyhoveli zmenám v prostredí webového dizajnu.
Vložené štýly nie sú osvedčeným postupom
Vložené štýly, aj keď majú svoj účel, zvyčajne nie sú najlepším spôsobom údržby vašej webovej stránky. Sú v rozpore s každým z najlepších postupov:
- Vložené štýly neoddeľujú obsah od dizajnu: Vložené štýly sú úplne rovnaké ako vložené písmo a iné neohrabané dizajnové značky, proti ktorým sa moderní vývojári bránia. Štýly ovplyvňujú iba konkrétne jednotlivé prvky, na ktoré sú použité; zatiaľ čo tento prístup vám môže poskytnúť podrobnejšiu kontrolu, sťažuje aj ďalšie aspekty návrhu a vývoja - napríklad konzistenciu.
- Vložené štýly spôsobujú bolesti hlavy pri údržbe: Pri práci so šablónami štýlov môže byť ťažké zistiť, kam sa štýl nastavuje. Ak máte do činenia so zmesou vložené, vložené a externé štýly, musíte skontrolovať veľa miest. Ak pracujete v tíme pre webdizajn alebo musíte prepracovať alebo udržiavať web vytvorený niekým iným, budete mať ešte väčšie problémy. Keď nájdete štýl a zmeníte ho, budete to musieť urobiť na každom prvku na každej stránke, kde je umiestnený. To astronomicky zvyšuje rozpočet na čas a prácu.
- Vložené štýly nie sú také prístupné: Zatiaľ čo moderná čítačka obrazovky alebo iné pomocné zariadenie môže byť schopné zvládnuť vložené atribúty a štítky efektívne, niektoré staršie zariadenia nemôžu, čo môže mať za následok neobvykle zobrazený web strán. Aj ďalšie znaky a text môžu mať vplyv na to, ako vašu stránku zobrazuje robot vyhľadávacieho modulu, takže vaša stránka nie je z hľadiska optimalizácie vyhľadávacieho nástroja až taká dobrá.
- Vložené štýly vaše stránky zväčšia: Ak chcete, aby sa každý odsek na vašom webe zobrazoval určitým spôsobom, môžete to urobiť raz so šiestimi riadkami kódu v externej šablóne so štýlmi. Ak to však urobíte pomocou vložených štýlov, musíte tieto štýly pridať do každého odseku svojho webu. Ak máte päť riadkov CSS, je to päť riadkov vynásobených každým odsekom na vašom webe. Táto rýchlosť a rýchlosť načítania sa môžu v zhone spočítať.
Alternatívou k vloženým štýlom sú externé tabuľky štýlov
Namiesto vložených štýlov použite externé štýly. Poskytnú vám všetky výhody najlepších postupov CSS a ich použitie je jednoduché. Takto použité všetky štýly použité na vašom webe žijú v samostatnom dokumente, ktorý je potom prepojený s webovým dokumentom pomocou jedného riadku kódu. Externé štýly ovplyvniť akýkoľvek dokument, ku ktorému sú pripojené. Ak máte 20-stránkový web, na ktorom každá stránka používa rovnakú šablónu štýlov - čo je zvyčajne to tak hotovo - každú z týchto stránok môžete zmeniť jednoduchou úpravou týchto štýlov naraz, v jednej miesto. Zmena štýlov na jednom mieste je pohodlnejšia ako hľadanie tohto kódovania na každej stránke vášho webu. Táto flexibilita výrazne uľahčuje dlhodobú správu stránok.