Di seguito riporto 9 semplici snippet CSS da utilizzare o magari imparare per i vostri progetti Web. Come gia visto nel tutorial “Snippet Library”, potete copiare e incollare queste definizioni in un file Snippet di Dreamweaver e riutilizzarle, implementarle ogni volta che desiderate.
a{
white-space:nowrap;
//Prevenire l’andare a capo nei link-}
a:active, a:focus{
outline:none;
//link senza bordo}
.box{margin:0 auto;
//Centrare orizzontalmente gli elementi}
#element{
height:2em;
line-height:2em;
//Centrare verticalmente un elemento definendo altezza del contenitore e l’interlinea uguali}
img{
border:2px solid #0099ff;
background:#99cc33;
padding:1px;
//Immagini con bordo doppio}
* { margin:0; padding:0;
//Resettare tutti i margin e i padding}
h1 .invisible{
text-indent:-9000px;
//Testo invisibile ma accessibile agli screen reader}
link type=”text/css” rel=”stylesheet” href=”handheldstyle.css” media=”handheld”
//CSS specifico per PDA
.box{
margin: 20px !important; margin: 10px;
//Regola per tutti i browser eccetto che per IE. Solo exploer interpreterà un margine di 10px}
