Rozdiely medzi CSS a CSS3

kaskádových štýlov , známy ako " CSS " je dizajnový jazyk , Web , ktorý sa používa na riadenie vzhľad a dojem z webových stránok . CSS súbory sú vytvárané oddelene od webových stránok v priebehu návrhového procesu tvorby je veľmi flexibilný . Akonáhle webové stránky bol zriadený , projektant jednoducho zmení CSS súbory , bez toho aby ste sa dotkli hlavné HML kód . Od oficiálneho začatia prvého špecifikácii CSS , to značkovací jazyk , prešla množstvom úprav a zmien . CSS3 teraz prichádza s mnohými funkciami a viac podporuje bohaté rozhranie a ďalšie funkcie . Moduly

Moduly sú nový koncept v CSS3 , ktoré umožňujú špecifikáciu CSS , ktoré majú byť rozdelené do skupín funkcií . Táto architektúra znamená , že CSS3 môže začať valcovanie s veľmi málo nových funkcií a ako to zreje , ďalšie funkcie sú pridané ako moduly , podobne ako metódy agilného vývoja použitej pri vývoji softvéru . Tento iteratívny a inkrementálny vývoj znamená , že CSS3 je pružnejšie v porovnaní s jeho predchodcami .
Viac Pozadie

s CSS , ktoré majú viac pozadia by vyžadovalo používať rad HTML tagy a tagy div im robí na webovej stránke . S CSS3 , nové a vylepšené " background- image " vlastnosť umožňuje klamstvo o rozloženie obrazu na seba tým , že vyhlási , ako je uvedené v ukážkovom kóde : klipart

Background - image : URL ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
Text tieňový

špeciálne efekty v CSS nutné, aby bol text najprv vykreslený v obraze - editačný softvér a potom súvisí webové stránky pomocou " " značku . " tieni texte " majetok v CSS3 teraz umožňuje textové funkcie , ako je rozmazané texte tieňový efekt , ktorý chcete pridať pomocou tagu . Tento kód ukazuje, ako je to vykonané : klipart

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

tretiu hodnotu , " 6PX , " ovláda efekt rozmazania , zatiaľ čo prvé dve hodnoty , riadiť smer vrženého tieňa
.
opacity

s CSS , je potreba používať rôzne hacky na výrobu krytie efektu s CSS3 nové funkcie opacity , je to teraz vykonať v jednom kroku , ako je znázornené kódom . :

# my_id {

pozadia : # F11 ;

Krytie : 1 ;

}
Border Radius < br . >

Vývojári pár riadkov kódu , majú zaoblené rohy bez nutnosti použiť staršie spôsob CSS importovanie nových knižníc a vytváranie snímok pre každého rohu Tento kód ukazuje , ako sa to robí v CSS3 :

# id {

Výška : 50px ;

Šírka : 50px

Border : 2px solid # F00 ;

}

• Predchádzajúca strana: Open Source Alternatívy k GhostSurf 
• Ďalšia strana: Ako Aplikujte kód do programu Poznámkový blok