Forskjeller mellom CSS og CSS3
Den opprinnelige Cascading Style Sheets spesifikasjon, samt sin mye nyere CSS3 revisjon, er teknologier som brukes for å forbedre og format HTML websider. CSS ble opprinnelig designet for å håndtere presentasjonen laget av en webside i en mer effektiv måte enn formatering med HTML, som aldri var ment å håndtere komplekse bygging av moderne Web. Fordi CSS2 er aa universelt vedtatt forlengelse av CSS1, begrepet CSS uten et tall innebærer inkludering av CSS2. Den CSS3 spesifikasjonen er fortsatt under utvikling som i juli 2014 så webutviklere må vurdere funksjonsstøtte varierer mellom nettlesere.
CSS3 er bakoverkompatibel med CSS
CSS3 er en oppdatering til CSS2 som opprettholder kompatibilitet med alle CSS funksjoner - CSS3 ikke avvikle noen av CSS-koden. Den CSS3 kode er utformet for å gjøre websider ser bedre og laste raskere samt redusere utviklingstiden til å bygge sider i brukerens nettleser. CSS3 gjør webdesign mindre avhengige av bildefiler for sidedesignelementer og reduserer filoverføring forespørsler og laste tid ved å bruke færre bilder. CSS1 fokusert på utseende formatering, mens CSS2 lagt posisjoneringsmuligheter for tekst og objekter. Eldre nettleserversjoner som IE 9 og tidligere ikke mye støtte CSS3 er lagt til funksjoner som kan kreve ekstra utviklingstiden for å opprettholde CSS fall-back-kode.
CSS3 Legger avrundede hjørner og graderinger
Før CSS3, webutviklere som trengs for å designe bildefiler for å legge til ting som avrundede hjørner for strukturelle grenser og bakgrunnsbilde gradienter; CSS3 omfatter sammenlignbare funksjoner som kan legges med noen få linjer med kode. I CSS, har en webutvikler til å designe en kant eller gradient, laste det opp til bildeserveren, plassere bildet på siden og bruke CSS til riktig posisjon grensen. I CSS3 kan webutvikler oppnå noe lignende med kode som ".roundBorder {border-radius: 10px;}". Bakgrunns gradienter er litt mer komplisert og krever ulike koder for ulike nettlesere. For eksempel bruker en hvit-til-svart gradient for Chrome og IE-kode som ".gradBG {background: liner-gradient (hvit, svart);}".
CSS3 Legger animasjoner og teksteffekter
CSS3 har en håndfull av funksjoner som ikke finnes i CSS for å forbedre hvordan sideelementer se. Med CSS3, kan webutviklere legge til en tekst-skygge på tekst for å gjøre det enklere å lese eller legge visuell teft og kan tvinge linjeskift i løpet av lengre ord for å gjøre dem passer inni kolonner med ord wrap. Før CSS3, webutviklere som trengs for å kode animasjon i skriptspråk som Javascript og jQuery; CSS3 legger til flere animasjoner til design laget. W3C er fortsatt arbeider på en web-animasjoner standard å regne ut kompatibilitetsproblemer mellom de forskjellige animasjonsteknikker.
CSS3 Definerer tekstkolonner
CSS3 legger evnen til å dele tekstavsnitt i flere kolonner for å lese som en avis. I CSS2 spec, webutviklere har en vanskelig tid å bygge flere kolonner tekstavsnitt fordi standarden ikke er utstyrt for å automatisk dele tekst. Spesielt med nettsteder som har responsiv design, en utvikling teknikk som ordner og endrer størrelsen innhold basert på seer enhetens skjermoppløsningen, kan folk med større skjermer har en vanskelig tid å lese tekstrader som bre over skjermen.