{"id":712,"date":"2020-04-20T15:39:52","date_gmt":"2020-04-20T13:39:52","guid":{"rendered":"http:\/\/skolarbbos.net\/?p=712"},"modified":"2020-05-09T01:52:45","modified_gmt":"2020-05-08T23:52:45","slug":"dostupna-svojstva-u-css-u","status":"publish","type":"post","link":"https:\/\/skolarbbos.net\/?p=712","title":{"rendered":"Dostupna svojstva u CSS-u"},"content":{"rendered":"<p>Kao \u0161to ve\u0107 znamo, pored selektora koji je jedna strana CSS opisa, moramo znati i koja svojstva i vrednosti mo\u017eemo koristiti.<\/p>\n<p>Normalno je da ne\u0107ete pamtiti napamet sva mogu\u0107a svojstva jer ih, sa jedne strane, ima previ\u0161e, a i sa druge, nepotrebno je. Ionako su uvek pri ruci na internetu i\/ili u literaturi. Ono \u0161to je bitno jeste znati kako ih primeniti i gde.<\/p>\n<p><a name=\"_Toc371714396\"><\/a><strong>Prikaz u razli\u010ditim browserima<\/strong><\/p>\n<p>Ukoliko pitate bilo kod iskusnog web developera, dizajnera ili uop\u0161te osobu koja ima iskustva sa HTML i CSS-om, da li se CSS pona\u0161a potpuno isto u razli\u010ditim browserima, dobi\u0107ete odri\u010dan odgovor. Kao i kod HTML-a, CSS je tekstualni dokument koji treba parsirati i prikazati, a to sve zavisi od mnogih detalja, a najvi\u0161e od samog browsera. Ve\u0107 postaje \u010duvena pri\u010da o MS Internet Exploreru i njegovom (ne)po\u0161tovanju op\u0161teprihva\u0107enih standarda. IE i dalje kasni drasti\u010dno za ostalim modernim browserima (Chrome, Opera, Firefox). Ono \u0161to mi, kao kreatori weba, moramo raditi je to da na\u0161e sajtove testiramo na razli\u010ditim browserima, kako bismo bili sigurni da se sve prikazuje normalno. Nije dovoljno napraviti sajt koji se idealno prikazuje u npr. Chrome pretra\u017eiva\u010du, a zanemariti to \u0161to je sve pogre\u0161no u Internet Exploreru. Iako li\u010dno mo\u017eda ne koristite IE, veliki broj ljudi ga i dalje koristi. Pogledajte globalnu statistiku i statistiku za Srbijuu vezi sa kori\u0161\u0107enjem browera na slede\u0107im grafikonima:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-713 aligncenter\" src=\"http:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna171.jpg\" alt=\"dostupna171\" width=\"761\" height=\"475\" srcset=\"https:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna171.jpg 761w, https:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna171-300x187.jpg 300w\" sizes=\"auto, (max-width: 761px) 100vw, 761px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Globalna statistika upotrebe razli\u010ditih browsera za 2015. <\/em><br \/>\n<em>Izvor slike i podataka &#8211; <\/em><a href=\"http:\/\/gs.statcounter.com\"><em>http:\/\/gs.statcounter.com<\/em><\/a><\/p>\n<p><em>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-714 aligncenter\" src=\"http:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna172.jpg\" alt=\"dostupna172\" width=\"761\" height=\"475\" srcset=\"https:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna172.jpg 761w, https:\/\/skolarbbos.net\/wp-content\/uploads\/2016\/02\/dostupna172-300x187.jpg 300w\" sizes=\"auto, (max-width: 761px) 100vw, 761px\" \/><\/em><\/p>\n<p style=\"text-align: center;\"><em>Statistika upotrebe razli\u010ditih browsera u BiH za 2015. <\/em><br \/>\n<em>Izvor slike i podataka &#8211; <\/em><a href=\"http:\/\/gs.statcounter.com\"><em>http:\/\/gs.statcounter.com<\/em><\/a><\/p>\n<p>Pre po\u010detka rada na sajtu, morate odrediti (ili se dogovoriti sa naru\u010diocem posla) koje \u0107ete browsere podr\u017eati, da bi znali na koje funkcije mo\u017eemo ra\u010dunati, jer jednostavno neke starije verzije ne podr\u017eavaju novije funkcije. Na primer, ako vlasnik sajta zahteva da se sajt mo\u017ee normalno otvoriti i u Internet Exploreru 6, slobodno zaboravite na sve novije funkcije, kao i na HTML5, CSS3 i tako dalje.<\/p>\n<p>Pitanje ostaje kako ispraviti situaciju ako se u jednom browseru ne\u0161to prikazuje normalno, a u drugom ne. Krenu\u0107emo sa proverom po slede\u0107im koracima:<\/p>\n<ul>\n<li><strong>Da li postoji neka gre\u0161ka u na\u0161em HTML i\/ili CSS k\u00f4du<\/strong>. Ukoliko browser nai\u0111e na nezatvoren tag, ukr\u0161tene tagove, lo\u0161e napisan CSS opis i tako dalje, on \u0107e poku\u0161ati da pretpostavi \u0161ta bi trebalo da stoji i tu nastaju problemi. U ve\u0107ini slu\u010dajeva je ovde problem, a ne u samim browserima.<\/li>\n<li><strong>Da li browser u kome se javlja problem podr\u017eava to \u0161to \u017eelimo da postignemo? <\/strong>Ovaj detalj smo ve\u0107 pomenuli u ranijem pasusu. Ne podr\u017eavaju svi browseri sve. Na primer, IE verzije 6 ne podr\u017eava transparentne PNG fajlove. U svim ostalima \u0107e se takav PNG prikazati normalno, osim u IE6. Ili mo\u017eemo zameniti te PNG slike druga\u010dijima, ili zanemariti IE verzije 6, ali to je ve\u0107 stvar planiranja.<\/li>\n<li>Ukoliko smo pro\u0161li prethodne dve stavke i na\u0161 problem nije vezan za njih, onda smo nai\u0161li na CSS <strong><em>browser bug<\/em><\/strong>, odnosno <strong><em>browser quirk<\/em><\/strong>. U tom slu\u010daju, najbolje je potra\u017eiti odgovor i re\u0161enje na internetu, jer skoro sigurno je neko pre Vas imao isti ili barem sli\u010dan problem i re\u0161enje podelio sa drugima na netu.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Kao \u0161to ve\u0107 znamo, pored selektora koji je jedna strana CSS opisa, \n<a class=\"moretag\" href=\"https:\/\/skolarbbos.net\/?p=712\"> <\/a>","protected":false},"author":1,"featured_media":715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/posts\/712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=712"}],"version-history":[{"count":1,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/posts\/712\/revisions"}],"predecessor-version":[{"id":1258,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/posts\/712\/revisions\/1258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=\/wp\/v2\/media\/715"}],"wp:attachment":[{"href":"https:\/\/skolarbbos.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/skolarbbos.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}