Differenze tra CSS e CSS3

Cascading Style Sheets , noto come " CSS ", è un linguaggio di progettazione web che viene utilizzato per controllare l'aspetto grafico delle pagine web . File CSS vengono creati separata dalle pagine Web durante il processo di progettazione che li rende altamente flessibile . Una volta che una pagina Web è stato istituito , un progettista cambia semplicemente i file CSS senza toccare il principale codice HML . Dal momento che il lancio ufficiale della prima specifica CSS , questo linguaggio di marcatura ha subito numerose modifiche e cambiamenti . CSS3 è ora dotato di molte più funzioni e supporta una ricca interfaccia e funzionalità extra. Moduli
Moduli

sono un nuovo concetto di CSS3 che permettono la specifica CSS per essere divisa in gruppi di funzioni . Questa architettura ha fatto sì che CSS3 può iniziare a rotazione con pochissime nuove caratteristiche e con la stagionatura , più funzionalità vengono aggiunti come moduli , simili al metodo di sviluppo agile usato nello sviluppo di software . Questo sviluppo iterativo e incrementale ha fatto sì che CSS3 è più flessibile rispetto ai suoi predecessori .
Sfondi multipli

Con i CSS , con sfondi multipli avrebbero richiesto utilizzando un numero di tag HTML e tag div per renderli in una pagina web . Con CSS3 , la struttura nuova e migliorata " background-image " permette di mentire layout di immagine su uno sopra l'altro dichiarando , come illustrato nel codice di esempio :
background-image

: URL ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
testo shadowing

effetti speciali in CSS necessari che il testo sia prima reso in immagini software di editing e quindi collegato a una pagina Web utilizzando il tag " ." la proprietà " ombra testo " in CSS3 permette ora funzioni di testo come un effetto ombra offuscata testo da aggiungere utilizzando un tag . questo codice mostra come questo sia fatto :

text-shadow : 1px 6px 4px # 33333 ;

il terzo valore , " 6px , " controlla l' effetto di sfocatura , mentre i primi due valori controllano la direzione ombra
.
opacità

Con i CSS , è necessario utilizzare i vari hack per produrre l'effetto opacità con CSS3 nuova caratteristica opacità , questo ora è fatto in un solo passaggio , come illustrato dal codice . :

# my_id {

sfondo: # F11 ;

Opacità : 1 ;

}
Border Radius
con

sviluppatori utilizzano poche righe di codice per avere gli angoli arrotondati , senza la necessità di utilizzare il vecchio metodo CSS di importazione di nuove librerie e rendendo le immagini per ogni angolo Questo codice mostra come si è fatto in CSS3 : .

# id {

Altezza : 50px ;

Ampiezza : 50px

Border : 2px solid # F00 ;

}