Kaskadni stilski listovi postali su standardni način oblikovanja i rasporeda web stranica. Dizajneri koriste tabele stilova kako bi pregledniku rekli kako web stranica treba biti prikazana u smislu izgleda i izgleda, pokrivajući čimbenike kao što su boja, razmaci, fontovi i još mnogo toga.
CSS stilovi se raspoređuju na dva načina:
- Unutar - unutar kodiranja same web stranice, pojedinačno, pojedinačno
- U samostalnom CSS dokumentu na koji je web mjesto povezano
Najbolji primjeri za CSS
"Najbolje prakse" su metode dizajniranja i izrade web stranica koje su se pokazale najučinkovitijima i daju najveći povrat za uloženi posao. Slijedeći ih u CSS u web dizajnu pomaže web stranicama da izgledaju i funkcioniraju što bolje. Oni su se tijekom godina razvijali zajedno s drugim web jezicima i tehnologijama, a samostalni CSS tablica stilova postala je preferirana metoda korištenja.
Sljedeće najbolje prakse za CSS mogu poboljšati vašu web lokaciju na nekoliko načina:
- Sadržaj odvaja od dizajna: Jedan od glavnih ciljeva CSS-a je uklanjanje elemenata dizajna iz HTML-a i njihovo postavljanje na drugo mjesto kako bi ga dizajner održavao. Ova praksa također služi za odvajanje dizajnera od programera kako bi se svaki mogao usredotočiti na svoja područja stručnosti. Dizajner ne mora biti programer da bi održavao izgled web stranice.
- Olakšava održavanje: Jedan od najzanemarivanijih elemenata web dizajna je održavanje. Za razliku od tiskanog materijala, web mjesto nikad nije "gotovo". Sadržaj, dizajn i funkcije mogu se i trebaju razvijati s vremenom. Ako imate CSS na središnjem mjestu, umjesto da ga posipate po cijelom web mjestu, stvari je puno lakše održavati.
- Održava vašu web stranicu dostupnom: Korištenje CSS stilova pomaže tražilicama i osobama s invaliditetom u interakciji s vašom web lokacijom.
- Održava vašu web stranicu duže aktualnom: Korištenjem najboljih praksi sa CSS-om držite se standarda koji su se pokazali stabilnima, ali dovoljno fleksibilnima da uvaže promjene u okruženju web dizajna.
Ugrađeni stilovi nisu najbolja praksa
Ugrađeni stilovi, iako imaju svrhu, uglavnom nisu najbolji način za održavanje vašeg web mjesta. Oni se protive svakoj od najboljih praksi:
- Ugrađeni stilovi ne odvajaju sadržaj od dizajna: Ugrađeni stilovi potpuno su jednaki ugrađenom fontu i ostalim nezgrapnim dizajnerskim oznakama protiv kojih se moderni programeri postavljaju. Stilovi utječu samo na određene, pojedinačne elemente na koje su primijenjeni; iako bi vam taj pristup mogao pružiti detaljniju kontrolu, on također otežava druge aspekte dizajna i razvoja - poput dosljednosti.
- Inline stilovi uzrokuju glavobolje zbog održavanja: Kada radite s tablicama stilova, otkrivanje mjesta na kojem se stil postavlja može biti teško. Kad imate posla s mješavinom umetnuti, ugrađeni i vanjski stilovi, imate mnogo lokacija za provjeru. Ako radite u timu za web dizajn ili morate redizajnirati ili održavati web mjesto koje je izgradio netko drugi, imat ćete još više problema. Jednom kada pronađete stil i promijenite ga, to ćete morati učiniti na svakom elementu na svakoj stranici na kojoj je postavljen. To astronomski povećava proračun vremena i rada.
- Ugrađeni stilovi nisu toliko dostupni: Iako se moderni čitač zaslona ili drugi pomoćni uređaj mogu nositi s ugrađenim atributima i oznake učinkovito, neki stariji uređaji ne mogu, što može rezultirati nekim neobično prikazanim webom stranice. Dodatni znakovi i tekst mogu utjecati i na to kako vašu stranicu pregledava robot tražilice, tako da vaša stranica ne prolazi dobro u smislu optimizacije tražilice.
- Ugrađeni stilovi čine vaše stranice većima: Ako želite da se svaki odlomak na vašoj web lokaciji prikazuje na određeni način, to možete učiniti jednom sa šest redaka koda u vanjskoj tablici stilova. Međutim, ako to radite s ugrađenim stilovima, te stilove morate dodati u svaki odlomak web lokacije. Ako imate pet redaka CSS-a, to je pet redaka pomnoženih sa svakim odlomkom na vašoj web lokaciji. Ta se širina pojasa i vrijeme učitavanja mogu naglo zbrajati.
Alternativa umetnutim stilovima su vanjski listovi stilova
Umjesto da koristite ugrađene stilove, koristite vanjske tablice stilova. Pružaju vam sve prednosti CSS najboljih praksi i jednostavni su za upotrebu. Ovako upotrijebljeni svi stilovi koji se koriste na vašoj web lokaciji nalaze se u zasebnom dokumentu koji je zatim povezan s web dokumentom u jednom retku koda. Vanjske tablice stilova utječu na bilo koji dokument kojem su priloženi. Ako imate web mjesto s 20 stranica, na kojem svaka stranica koristi isti tablicu stilova - što je obično tako gotovo - na svakoj od tih stranica možete izmijeniti jednostavnim uređivanjem tih stilova jednom, u jednoj mjesto. Promjena stilova na jednom mjestu prikladnija je od traženja tog kodiranja na svakoj stranici vašeg web mjesta. Ova fleksibilnost znatno olakšava dugoročno upravljanje web stranicama.