Razlike između CSS-a i CSS3
Izvorna specifikacija Cascading Style Sheets, kao i njezina mnogo novija revizija CSS3, tehnologije su koje se koriste za poboljšanje i formatiranje HTML web stranica. CSS je u početku dizajniran za rukovanje prezentacijskim slojem web stranice na učinkovitiji način od oblikovanja s HTML-om, koji nikada nije bio namijenjen za rukovanje složenom konstrukcijom suvremenog weba. Budući da je CSS2 univerzalno prihvaćeno proširenje CSS1, pojam CSS bez broja podrazumijeva uključivanje CSS2. Specifikacija CSS3 još uvijek je u razvoju od srpnja 2014., tako da web-programeri moraju uzeti u obzir da se podrška značajki razlikuje od preglednika do preglednika.
CSS3 je unatrag kompatibilan sa CSS-om
CSS3 je ažuriranje CSS2 koje održava kompatibilnost sa svim značajkama CSS-a -- CSS3 ne odbacuje niti jedan CSS kod. CSS3 kod dizajniran je kako bi web stranice izgledale bolje i brže se učitavale, kao i smanjilo vrijeme razvoja za izradu stranica u korisničkom pregledniku. CSS3 čini da web dizajn manje ovisi o slikovnim datotekama za elemente dizajna stranice i smanjuje zahtjeve za prijenos datoteka i vrijeme preuzimanja korištenjem manje slika. CSS1 se fokusirao na oblikovanje izgleda, dok je CSS2 dodao mogućnosti pozicioniranja za tekst i objekte. Starije verzije preglednika kao što je IE 9 i ranije ne podržavaju široko dodane značajke CSS3, što može zahtijevati dodatno vrijeme razvoja za održavanje rezervnog CSS koda.
CSS3 dodaje zaobljene kutove i gradijente
Prije CSS3, web programeri morali su dizajnirati slikovne datoteke kako bi dodali stvari kao što su zaobljeni kutovi za strukturne granice i gradijente pozadinske slike; CSS3 uključuje usporedive značajke koje se mogu dodati s nekoliko redaka koda. U CSS-u, web programer mora dizajnirati obrub ili gradijent, prenijeti ga na poslužitelj slika, postaviti sliku na stranicu i koristiti CSS za ispravno postavljanje obruba. U CSS3, web programer može postići nešto slično kodom poput ".roundBorder{border-radius:10px;}". Pozadinski gradijenti malo su kompliciraniji i zahtijevaju različit kod za različite preglednike. Na primjer, prijelaz iz bijele u crnu za Chrome i IE koristi kod poput ".gradBG{background:liner-gradient(white,black);}".
CSS3 dodaje značajke animacije i tekstualne efekte
CSS3 ima pregršt značajki koje nisu prisutne u CSS-u za poboljšanje izgleda vaših elemenata stranice. Uz CSS3, web programeri mogu tekstu dodati sjenku teksta kako bi ga olakšali čitanje ili dodali vizualni štih te mogu forsirati prijelome redaka unutar dužih riječi kako bi se smjestile unutar stupaca s prelamanjem riječi. Prije CSS3, web programeri morali su kodirati animaciju u skriptnim jezicima kao što su JavaScript i jQuery; CSS3 dodaje nekoliko značajki animacije sloju dizajna. W3C još uvijek radi na standardu web animacije kako bi riješio probleme kompatibilnosti između različitih tehnika animacije.
CSS3 definira tekstualne stupce
CSS3 dodaje mogućnost dijeljenja dijelova teksta u više stupaca kako bi se čitali kao novine. U specifikaciji CSS2, web programeri imaju problema s konstruiranjem tekstualnih odjeljaka s više stupaca jer standard nije opremljen za automatsko dijeljenje teksta. Osobito kod web-mjesta koja imaju responzivni dizajn, tehniku razvoja koja preuređuje i mijenja veličinu sadržaja na temelju razlučivosti zaslona uređaja za gledanje, ljudi s većim monitorima mogu imati problema s čitanjem redova teksta koji se prostiru preko zaslona.