Stili HTML
Questo articolo spiegherà come possiamo impostare l'attributo di stile all'interno degli elementi HTML. Per raggiungere questo obiettivo questo articolo fornirà più esempi. Quindi, senza un ulteriore ritardo iniziamo!
Sintassi
La sintassi degli attributi in stile HTML include una proprietà e il suo valore come mostrato nello snippet seguente:
Nell'attributo in stile HTML, possiamo impostare più proprietà per un elemento HTML come stile di carattere, colore di sfondo, ecc. In tali scenari, dobbiamo inserire un punto e virgola ";" Dopo ogni proprietà come mostrato nel seguente script:
Come aggiungere uno stile a un elemento HTML
Questo esempio applicherà un paio di stili su diversi HTML Paragrafo semplice Paragrafo con il colore di sfondo Paragrafo con la dimensione del carattere-grande X Il primo L'elemento non ha utilizzato l'attributo di stile, quindi visualizzerà un normale paragrafo. Tuttavia, il secondo e il terzo paragrafo hanno impiantato gli attributi di stile per scopi diversi. Di conseguenza, il browser mostrerà il seguente output: Come utilizzare più proprietà nell'attributo di stile Nell'esempio sopra, c'erano tre diversi paragrafi che ogni elemento ha uno stile unico. Ora considera un altro esempio che implementerà i più stili nello stesso paragrafo: Paragrafo semplice Paragrafo con sfondo d'oro e centrale allineato Paragrafo con dimensioni del carattere-grande e stile corsivo Il codice sopra creato tre elementi. Il primo è quello semplice, il secondo paragrafo ha utilizzato l'elemento di stile con più proprietà per impostare il colore di sfondo d'oro e il testo allineato al centro. Il terzo paragrafo implementa anche le due proprietà per impostare il carattere in stile extra-large e in corsivo. Ora, questo articolo discuterà le proprietà di stile utilizzate più frequentemente come indicato di seguito: Conclusione Gli stili HTML influenzano direttamente l'aspetto apparente di qualsiasi documento HTML. Questo articolo ha spiegato ciò che è l'attributo in stile html? Come funziona l'attributo di stile? Quali proprietà può avere? E quanto sia significativo per lo styling di qualsiasi pagina web. Questo articolo ha elaborato questi concetti con l'aiuto di alcuni esempi per fornire una visione chiara.