2. Quale sono i problemi principali che incontrate
quando scrivete i CSS2?
3. Problemi?
● Gestione delle decorazioni
● Disordine nel markup html che ci tocca
aggiungere
● Troppo Javascript per la presentazione
4.
5. Gestione delle decorazioni
● Difficili da mantenere nel tempo
● Ci occupano molta banda
● Fare molte Request HTTP aggiunge lentezza
● Il css è difficile da capire
● Gli utenti spesso si trovano a vedere la pagina
senza di esse
12. background-clip
● border-box → lo sfondo si estende fino all'area del
bordo
● padding-box → si estende nell'area del padding
● content-box → solo nell'area del contenuto
13. Bordi arrotondati History
//una volta ci servivano 4 immagini /*css che usa 4 immagini degli
più un html di questo tipo angoli tondi*/
<div id="mainContent">
#contentBottom{
<div id="bodyText">
background:url("corner_bottom_l
<p>Lorem ipsum dolor etc …</p>
eft.gif") bottom left no
</div> repeat;
<div id="contentBottom">
backgroundcolor:#dadada;
<div
id="innerBottom"> </div><! }
end #innerBottom >
....
</div><! end #contentBottom >
#innerBottom {
</div><! end #mainContent →
background:url("corner_bottom_r
ight.gif") bottom right no
repeat;
}
19. Box Shadow
1)spostamento in senso orizzontale
2)spostamento in senso verticale
3) il livello di sfocatura (blur radius)
• Più grande più l'ombra sarà sfocata
4)livello di diffusione
• Più è alto più lombra tende ad espandersi