Sintassi CSS - Claudio Magni
Transcript
Sintassi CSS - Claudio Magni
CSS Sintassi Box Model selettore {proprietà: valore;} Foglio di stile esterno <link rel="stylesheet" type="text/css" href="stile.css" /> Stile in linea <tag style="proprietà: valore"> Selettori class id * nome preceduto dal punto nome preceduto da # qualsiasi tag Pseudo selettori :hover :active :link :visited posizionamento del mouse click del mouse link non ancora visitato link già visitato height, width, margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom, padding-left Commenti % em pt px auto Bordo /* commento */ border-width larghezza del bordo Unità di misura border-style dashed, dotted, double, solid border-color colore del bordo position static, relative, absolute percentuale altezza del carattere punti pixel automatico (nessuna dimensione) none Posizione fixed Visualizzazione clear both, left, right, none color colore testo float left, right, none cursor auto, crosshair, default, top pointer, move, text, wait, right distanza dall'alto distanza da destra distanza dal basso distanza da sinistra help, progress bottom display block, inline, list-item, none left overflow visible, hidden, scroll, auto Carattere Sfondo (background-) font-style italic, normal -image colore dello sfondo immagine dello sfondo font-variant normal, small-caps -repeat repeat, no-repeat, repeat-x -color font-weight normal, bold font-size dimensione del carattere -attachment scroll, fixed font-family serif, sans-serif, cursive, -position (x y), top, center, bottom repeat-y fantasy, monospace left, right Testo Lista (list-style-) -type text-align spazio tra le lettere distanza verticale tra righe allineamento orizzontale text-decoration line-through, underline, none -position inside, outside text-indent indentazione prima riga allineamento verticale spazio tra le parole -image immagine al posto del punto letter-spacing line-height vertical-align word-spacing disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none Proprietà aggregate background, border, border-top, border-right, border-bottom, border-left, font, list-style, margin, padding autore: Claudio Magni – www.claudiomagni.com