Forskjellen mellom CSS2 og CSS3

Cascading Style Sheets (CSS) lar webdesignere å endre den visuelle stilen til en webside med større kontroll enn de har lov til å bruke HTML alene. CSS3 er en modulær revisjon til CSS-standard, tillater programmerere å adoptere enkelte moduler som de utvikles i stedet for hele spesifikasjonen på en gang. Disse modulene skape betydelige forskjeller fra CSS2, og legger til mange nye funksjoner i bilde og tekst håndtering.

Tekstendringer CSS3

CSS3 legger mer detalj i måten teksten blir håndtert i et HTML-dokument i et forsøk på å bedre gjenskape layout kontrollene som er tilgjengelige for avis eller magasin redaktører. Nye CSS3 spesifikasjoner, for eksempel tillate designeren å angi linje break og ord orddeling reglene slik at teksten kan strømmet jevnt inn i et område med en gitt størrelse. Designere kan også stille inn bredden på fanen plass og måten HTML som standard kondenserer flere mellomrom til en eneste en.

Grense Endringer i CSS3

CSS3 gir Webdesignere flere nye verktøy i å legge ut bakgrunnsbilder og "grenser", linjene som omgir en blokk med tekst. I CSS3, kan grensene være avrundet i stedet for rett; de kan også være sammensatt av flislagte bilder. Bakgrunnsbilder i CSS3 dra nytte av dette med en ny klipping funksjon som skiller hvorvidt bildet er lov til å smitte over grensene, eller om det er "klippet", eller beskjæres ved grensene av sideelementet.

Bilder i CSS3

CSS3 introduserer muligheten til å lage fargeoverganger, som lar fargene flyte jevnt fra en farge til den neste. De er vant til overgangen mellom bilder eller farger uten å lage en skarp overgang sone. Før CSS3, gradienter måtte være utformet som bilder og brukes som en sidebakgrunn. Nå kan de bli bygget direkte i HTML og CSS, slik at web-designere å bruke mindre båndbredde og har bedre kontroll over hvordan deres nettsteder vises.

Kolonner i CSS3

For designere med teksttung sider, er en av de mest kraftige nye verktøy i CSS3 kolonnene eiendommen, som gjør at siden skaperen å splitte en lengde på tekst i et antall kolonner med variabel bredde og størrelse. Som i en avis, er hver kolonne effektivt sitt eget element, slik at bildene er lagt i kolonnen endre størrelsen til bredden på kolonnen i stedet for hele tekstblokk eller nettside.