Каскадни табели стилова постали су стандардни начин обликовања и распореда веб локација. Дизајнери користе табеле стилова да кажете прегледачу како веб локација треба да се приказује у погледу изгледа и стила, покривајући факторе као што су боја, размаци, фонтови и још много тога.
ЦСС стилови се примењују на два начина:
- У линији - у оквиру кодирања саме веб странице, појединачно, појединачно
- У самосталном ЦСС документу, на који је веб локација повезана
Најбоље праксе за ЦСС
„Најбоље праксе“ су методе дизајнирања и израде веб страница које су се показале најефикаснијима и дају највећи поврат за уложени посао. Пратећи их у ЦСС у веб дизајну помаже веб локацијама да изгледају и функционишу што боље. Они су еволуирали током година заједно са другим веб језицима и технологијама, а самостални ЦСС табела стилова постала је пожељни начин употребе.
Слеђење најбољих пракси за ЦСС може побољшати вашу веб локацију на неколико начина:
- Садржај одваја од дизајна: Један од главних циљева ЦСС-а је уклањање елемената дизајна из ХТМЛ-а и њихово постављање на друго место како би га дизајнер одржавао. Ова пракса такође служи за одвајање дизајнера од програмера, тако да се сваки може усредсредити на своја подручја стручности. Дизајнер не мора бити програмер да би задржао изглед веб странице.
- Олакшава одржавање: Један од најзапаженијих елемената веб дизајна је одржавање. За разлику од штампаних материјала, веб локација никада није „завршена“. Садржај, дизајн и функције могу и треба да се развијају током времена. Имати ЦСС на централном месту, уместо да се посипа по целој веб локацији, чини ствари много лакшим за одржавање.
- Одржава вашу веб локацију доступном: Коришћење ЦСС стилова помаже претраживачима и особама са инвалидитетом да комуницирају са вашом веб локацијом.
- Одржава вашу страницу дуже актуелном: Користећи најбоље праксе са ЦСС-ом, придржавате се стандарда који су се показали стабилним, али довољно флексибилним да прилагоде променама у окружењу веб дизајна.
Уграђени стилови нису најбоља пракса
Уграђени стилови, иако имају сврху, углавном нису најбољи начин за одржавање ваше веб странице. Они се противе свакој од најбољих пракси:
- Уграђени стилови не одвајају садржај од дизајна: Уграђени стилови су потпуно исти као уграђени фонт и друге незграпне дизајнерске ознаке против којих се модерни програмери постављају. Стилови утичу само на одређене, појединачне елементе на које су примењени; иако би вам тај приступ могао пружити детаљнију контролу, он такође отежава друге аспекте дизајна и развоја - попут доследности.
- Уграђени стилови узрокују главобоље у одржавању: Када радите са табелама стилова, открити где се стил поставља може бити тешко. Када имате посла са мешавином уграђени, уграђени и спољни стилови, имате много локација за проверу. Ако радите у тиму за веб дизајн или морате редизајнирати или одржавати веб локацију коју је направио неко други, имаћете још више проблема. Једном када пронађете стил и промените га, мораћете то да урадите на сваком елементу на свакој страници на којој је постављен. То астрономски повећава буџет за време и рад.
- Уграђени стилови нису толико доступни: Иако савремени читач екрана или други помоћни уређај могу да обрађују уграђене атрибуте и ефикасно означавају, неки старији уређаји не могу, што може резултирати неким необично приказаним Вебом странице. Додатни знакови и текст могу утицати и на то како вашу страницу гледа робот претраживача, тако да ваша страница не пролази добро у смислу оптимизације претраживача.
- Уграђени стилови чине ваше странице већим: Ако желите да се сваки пасус на вашој веб локацији приказује на одређени начин, то можете да урадите једном са шест или више редова кода у спољном табелу стилова. Међутим, ако то радите са уграђеним стиловима, морате да додате те стилове у сваки одломак ваше веб локације. Ако имате пет редова ЦСС-а, то је пет редова помножених са сваким пасусом на вашој веб локацији. Та ширина појаса и време учитавања могу се нагло збројити.
Алтернатива уметнутим стиловима су спољни листови стилова
Уместо да користите уграђене стилове, користите спољне табеле стилова. Они вам пружају све предности ЦСС најбољих пракси и једноставни су за употребу. Запослени на овај начин, сви стилови који се користе на вашој веб локацији живе у одвојеном документу који је затим повезан са веб документом у једној линији кода. Спољне табеле стилова утичу на било који документ којем су приложени. Ако имате веб страницу од 20 страница, на којој свака страница користи исти табеларни приказ - што је обично тако готово - на свакој од тих страница можете извршити промену једноставним уређивањем тих стилова једном, у једној место. Промена стилова на једном месту је погоднија од тражења тог кодирања на свакој страници ваше веб странице. Ова флексибилност олакшава дугорочно управљање веб локацијама.