I fogli di stile a cascata vengono utilizzati per formattare il contenuto di una pagina HTML. Di conseguenza, tutti i comandi utilizzati nei CSS hanno lo scopo di modificare l'aspetto di qualsiasi elemento di un documento HTML.
È necessario
Un computer con una connessione Internet
Istruzioni
Passo 1
Leggi come vengono utilizzati i fogli di stile a cascata. La formattazione del testo è la caratteristica più comunemente usata dei fogli di stile a cascata. Qualsiasi documento HTML contiene un'enorme quantità di informazioni testuali nelle sue varie parti. Allo stesso tempo, ogni parte della pagina dovrebbe avere il proprio formato e carattere: parte del testo è il testo del menu, l'altra è il titolo, la terza è il testo principale della pagina, ecc. Per formattare le informazioni di testo, i comandi vengono utilizzati per modificare il nome del carattere, la sua dimensione, peso, ecc.
Passo 2
Quindi, prima di tutto, nota il parametro di stile della famiglia di caratteri. Questo attributo ti consente di impostare un carattere specifico per questo tag. Il nome del carattere è scritto dopo il segno ":". L'attributo stile font-size viene utilizzato per impostare la dimensione del testo contenuto nel tag. Il valore della dimensione è anche scritto dopo il segno ":" ed è indicato in pixel, ad esempio "font-size: 20px".
Passaggio 3
Si noti che i parametri di stile possono essere concatenati e scritti insieme utilizzando il segno ";". Ciò è utile se è necessario impostare più parametri per un tag.
Passaggio 4
Usa l'attributo style color per cambiare il colore del testo. Il nome del colore è scritto nel modo standard: verde, blu, rosso, ecc. Ha anche la possibilità di impostare il colore non solo del testo stesso, ma anche del colore di sfondo. A tale scopo viene utilizzato l'attributo background-color, dopodiché deve essere indicato anche il colore selezionato. Se si desidera utilizzare un'immagine, non un riempimento, come sfondo nell'area di questo tag, fare riferimento al parametro dello stile dell'immagine di sfondo, specificando dopo di esso l'origine dell'immagine.
Passaggio 5
Familiarizza con una serie di attributi di stile che impostano i parametri degli elementi della pagina, che, prima di tutto, includono padding, border, float, position.
Passaggio 6
Utilizzare il parametro padding per impostare l'importo del margine associato al tag specificato. In questo caso, questo valore viene contato da ciascun lato. Specificare l'attributo border per formare il bordo di questo campo. Dopo i due punti, la larghezza del bordo è scritta in pixel. La proprietà float consentirà a un elemento della tua pagina di fluttuare a destra oa sinistra. A questo proposito, i parametri qualificanti di questa proprietà sono sinistro o destro.
Passaggio 7
Se è necessario posizionare con precisione un oggetto sul documento, utilizzare la proprietà position. Individua l'elemento della pagina in modo assoluto, come "posizione: assoluta; fondo: 50px; destra: 10px;", o in modo relativo, in base alla distanza dai bordi della pagina.
