Cascading Style Sheets , kendt som " CSS ", er et webdesign sprog, der bruges til at styre udseendet og fornemmelsen af ​​websider. CSS-filer er skabt adskilt fra websiderne under designprocessen gør dem meget fleksible. Når en webside er blevet oprettet , en designer blot ændrer CSS-filer uden at røre den vigtigste HML kode. Siden den officielle lancering af den første CSS specifikationen , er denne kodesprog undergået talrige modifikationer og ændringer . CSS3 nu kommer med mange flere funktioner og understøtter en rig interface og ekstra funktionalitet. Moduler

Moduler er et nyt koncept i CSS3 , der tillader CSS specifikationen skal opdeles ned i grupper af funktioner. Denne arkitektur har betydet, at CSS3 kan begynde at rulle med meget få nye funktioner , og som det modnes, er flere funktioner tilføjes som moduler , der ligner den agile udviklingsmetode bruges i softwareudvikling. Denne iterative og trinvis udvikling har betydet, at CSS3 er mere fleksibel i forhold til sine forgængere.
Flere baggrunde

Med CSS, der har flere baggrunde ville have krævet hjælp af en række HTML-tags og div tags til at gøre dem på en webside. Med CSS3 giver den nye og forbedrede " background- image" ejendom liggende billeddata layouts oven på hinanden ved at erklære , som vist i kodeeksempel : Hej

Background -image : URL ( pic1.jpg ) URL ( pic2.jpg , URL ( pic3.jpg )
Text shadowing

specielle effekter i CSS kræves , at teksten først afsagt i image- redigeringssoftware og derefter knyttet til en webside ved hjælp af " " tag . den " text skygge" ejendom i CSS3 nu mulighed tekst funktioner som en sløret tekst skyggeeffekt skal tilføjes ved hjælp af en kode. denne kode viser, hvordan dette er gjort : Hej

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

tredje værdi , " 6PX " styrer sløring effekt, mens de to første værdier styrer skygge drop retning
.
opacity

Med CSS , du behov for at bruge forskellige hacks til at producere den uigennemsigtighed effekt med CSS3 nye opacitet funktion er det nu gjort i et trin som vist ved koden. :

# my_id {

Baggrund: # F11 ;

Opacity : 1;

}
Border Radius < br >

udviklere bruger et par linjer kode til at have afrundede hjørner , uden at det er nødvendigt at bruge den ældre CSS metoden for at importere nye biblioteker og gøre billeder til hvert hjørne Denne kode viser, hvordan det gøres i CSS3 : . < br >

# id {

Højde: 50px ;

Bredde: 50px

Border : 2px solid # F00 ,

}
< br >