Puoi modificare il file AuthorStyleSheet.css e verificare gli effetti delle modifiche e/o creare un tuo foglio di stile.
L'AuthorStyleSheet referenziato da questo documento modifica un numero limitato di valori di stile rispetto a quelli di defalult.
In questo modo agli elementi della pagina viene applicata la seguente cascata di fogli di stile:
L'aspetto di questo documento risulterà leggermente diverso quando presentato su browser differenti.
Nel seguito del documento inserirò alcuni degli elementi html di uso più comune per verificarne la restituzione su diversi browser.
L'idea è quella di utilizzare, quanto più possibile, le impostazioni degli user agent, le quali, è ragionevole credere, siano state scelte con ponderazione. Sono arrivato a questo proposito dopo aver ingarbugliato diversi documenti. Infatti la relativa semplicità della scrittura delle regole di stile può portare alla prolificazione di modifiche ai valori di proprietà di cui non si è capito bene il funzionamento. Questo, unito ai meccanismi di cascata e di ereditarietà, può portare a risultati indesiderati: una cascata di errori per correggere altri errori.
Le regole generale alla quale attenersi sono:
In definitiva scrivere il numero minimo di regole per ottenere l'effetto desiderato.
Elemento p. Figlio, come tutti gli altri elementi inseriti sino ad ora, dell'elemento body.
Elemento p. Figlio di un elemento div.
Elemento p. Questo mostra come, non modificandone le proprietà di default, gli elementi div siano neutrali per quanto riguarda la visualizzazione degli elementi discendenti. La maggiore marcatura di 'neutrali' è ottenuta con l'elemento strong.
Prova di mark all'interno dell'elemento p
Prova di mark all'interno dell'elemento em
Prova di em all'interno dell'elemento mark
Elenco puntato.
elenco dei possibili media types
Elenco numerato
Ordine di cascata:
Liste di definizioni
Origini dei fogli di stile:
Segue una serie di tabelle con struttura progressivamente più complessa
Tabella 1. Righe di celle
| table | Elemento utilizzato per rappresentare dati in forma tabulare. |
| tr | Elemento che contiene una riga di celle di tipo td |
| td | Elemento che rappresenta una cella di dati |
Tabella 2. Ancora una tabella elementare.
| Nome elemento | Descrizione |
|---|---|
| table | Elemento utilizzato per rappresentare dati in forma tabulare. |
| caption | Titolo della tabella. |
| thead | Elemento che contiene un blocco di righe contenenti le intestazioni delle colonne |
| tbody | Elemento che contiene un blocco di righe contenenti le colonne di dati |
| tr | Elemento che contiene una riga di celle |
| th | Elemento che rappresenta una cella di intestazione |
| td | Elemento che rappresenta una cella di dati |
Tabella 3. Una tabella complessa
| Anno di riferimento | 2016 | ||
|---|---|---|---|
| Linea prodotto | Primo semestre | Secondo semestre | Totale |
| Elettroutensili | 45.630 | 49.570 | 95.200 |
| Utensili manuali | 37.132 | 30.141 | 67.273 |
| Materiali e minuterie | 21.776 | 23.111 | 44.887 |
| Vernici e collanti | 34.237 | 36.566 | 70.803 |
| Totale | 138.775 | 139.388 | 278.163 |
La stessa form "formattata con gli elementi di input racchiusi in elementi div e pre
Questa sezione è destinata a contenere gli appunti personali del lettore.