Cascading Style Sheets , kjent som "CSS ", er en web- design språk som brukes til å kontrollere utseendet og følelsen av websider . CSS-filer er opprettet atskilt fra Web- sider i designprosessen noe som gjør dem svært fleksible. Når en webside har blitt satt opp , endrer en designer bare CSS- filer uten å berøre den viktigste HML koden . Siden den offisielle lanseringen av den første CSS -spesifikasjonen , har denne kodespråk gjennomgått en rekke modifikasjoner og endringer. CSS3 kommer nå med mange flere funksjoner og støtter et rikt grensesnitt og ekstra funksjonalitet . Moduler

Moduler er et nytt konsept i CSS3 som gjør at CSS-spesifikasjonen deles ned i grupper av funksjoner . Denne arkitekturen har ført til at CSS3 kan begynne å rulle med svært få nye funksjoner og som det modnes, er flere funksjoner lagt til som moduler , lik den smidig utvikling metoden som brukes i programvareutvikling. Dette iterativ og inkrementell utvikling har ført til at CSS3 er mer fleksibel i forhold til sine forgjengere .
Flere bakgrunner
p Med CSS , har flere bakgrunner ville ha krevd bruk av en rekke HTML-koder og div koder for å gjengi dem på en webside. Med CSS3 , gjør den nye og forbedrede " background- image " eiendom liggende av bildet oppsett oppå hverandre ved å erklære som vist i eksempelkode : en

Background -image : url ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
tekst Skygger

Spesial-effekter i CSS kreves at teksten skal først gjengitt i bilde - redigering programvare og deretter koblet til en webside ved hjelp av " " tag. den " tekst skygge" eiendom i CSS3 nå tillater tekst funksjoner som en uskarp tekst skyggeeffekt som skal legges ved hjelp av en kode. denne koden viser hvordan dette er gjort : en

Text -shadow : 1px 4px 6PX # 33333 ;

den tredje verdien , " 6PX , " styrer blur-effekt , mens de to første verdiene kontrollerer skyggen dråpe retning
.
opacity
p Med CSS, måtte du bruke forskjellige hacks til å produsere opacity effekt med CSS3 ny opacity funksjon, er dette nå gjøres i ett trinn som vist av koden . :

# my_id {

Bakgrunn: # F11 ;

Opacity : 1 ;

}
Border Radius
med

Utviklere bruker noen få linjer med kode for å ha avrundede hjørner uten behov for å bruke den eldre CSS metode for å importere nye biblioteker og lage bilder for hvert hjørne Denne koden viser hvordan det gjøres i CSS3 : .

# id {

Høyde : 50px ;

Bredde: 50px

Border : 2px solid # F00 ;

}