Direttive font

Per specificare le caratteristiche utilizzate più frequentemente font-family font-size font-style font-weight si utilizza una scrittura abbreviata con font seguito dall’elenco di proprietà … { font: … … … … } Purtroppo il risultato effettivo dipende dall’ordine (?) delle proprietà e dal browser (?), bisogna quindi controllare il risultato… Meglio non abusare degli stili del testo … Leggi tutto

Categorie CSS

Pseudoclassi e pseudoelementi

:active :first-child :first-letter :first-line :focus :hover :link :visited Una pseudoclasse indica uno stato di un elemento e quindi la sua formattazione sarà diversa nel tempo. Sono disponibili :active :focus :hover :link :visited Il loro uso più frequente è associato allo stile dei link a:link    { color:blue   } a:visited { color:red    } a:hover   … Leggi tutto

Categorie CSS

Identificatori

Si definisce una classe ma si vuole mettere in evidenza che all’interno di un documento potrà essere utilizzata una sola volta #indirizzo {    color:blue } In un ipertesto ci sono delle informazioni che si presentano in tutte le pagine possibilmente con lo stesso stile: titolo, autore, e-mail, … Ad ognuna di queste informazione può essere … Leggi tutto

Categorie CSS

Classi

Si assegna un nome a un certo stile .evidenziato { color:blue } che potrà essere utilizzato per elementi HTML diversi specificandolo con l’attributo class Questo paragrafo apparirà blue Normale… link blue …ancora normale Di nuovo blue Risulta molto utile per condividere uno stile tra elementi altrimenti formattati in modo diverso: p td a … Si … Leggi tutto

Categorie CSS

Elementi HTML

Si sceglie il tag Html che si vuole influenzare e si elencano le regole di formattazione separate da ; all’interno delle parentesi graffe p { color:blue; text-align:justify } Se le regole diventano numerose si può anche utilizzare uno stile di indentazione simile a quello dei linguaggi di programmazione! p {    color:blue;    text-align:justify } … Leggi tutto

Categorie CSS