Fogli in stile a cascata aka CSS è una lingua che viene utilizzata per modellare gli elementi di una pagina web HTML per migliorare la bellezza delle pagine Web. CSS è abbastanza facile e può farti risparmiare molto tempo gestendo la formazione di molte pagine Web contemporaneamente e per far funzionare CSS, devi includere il tuo foglio di stile al tuo documento HTML.

Esistono tre modi possibili per aggiungere il tuo foglio di stile al tuo documento HTML che è;

1. CSS esterno
   CSS esterno è un foglio di stile definito in un file separato ed è incluso in un documento HTML come collegamento con .Estensione CSS.
2. CSS interno
   CSS interno è definito all'interno dello stesso documento HTML utilizzando l'elemento nella sezione.
3. CSS in linea
   Inline CSS è anche definita all'interno dello stesso documento HTML utilizzando l'attributo di stile di un elemento. In questo tutorial, tuttavia, discuteremo in linea di CSS in linea ..

CSS in linea

Al fine di modellare un singolo elemento HTML, viene utilizzato l'approccio CSS in linea. Questa tecnica utilizza l'attributo di stile di un tag HTML per includere CSS. La definizione di stile specificata nell'attributo di stile influenzerà solo quel particolare elemento.

Sintassi

Esploriamo e comprendiamo la tecnica CSS in linea con l'aiuto di alcuni esempi.

Esempio 1

Supponiamo che tu voglia modellare

Elemento usando CSS in linea.

CSS in linea.

Nell'esempio sopra, abbiamo usato l'attributo di stile del

Tag per modellare l'intestazione, usando il seguente pezzo di codice.

CSS in linea.

Produzione

Abbiamo impostato il colore dell'intestazione verso la famiglia viola, la famiglia per "Times New Roman" e l'allineamento del testo al centro.

Esempio 2

Nell'esempio sopra abbiamo disegnato un semplice pezzo di testo usando CSS in linea. Nel seguente esempio, modelleremo un utilizzo di CSS in linea.

Questo esempio dimostra l'uso di CSS in linea.

Nell'esempio sopra, impostiamo l'imbottitura, bordo e colore di sfondo dell'elemento usando il seguente pezzo di codice.

Questo esempio dimostra l'uso di CSS in linea.

Produzione

Ecco come puoi modellare elementi come o

Utilizzando l'approccio CSS in linea.

Ora che abbiamo una buona comprensione del concetto relativo al CSS in linea, esaminiamo alcuni pro e contro della tecnica in discussione.

Pro di CSS in linea
Qui abbiamo elencato alcuni vantaggi del CSS in linea.

• Puoi modellare un elemento singolarmente.
• Sta riducendo la quantità di file che il browser deve scaricare, il che rende più veloce la procedura di visualizzazione di pagine Web.
• È adatto a piccoli progetti web.

Contro di CSS in linea
Qui abbiamo elencato alcuni svantaggi del CSS in linea.

• CSS in linea può rendere il tuo codice meno gestibile.
• In CSS in linea, i file non vengono memorizzati nella cache.
• Le definizioni di stile specificate utilizzando i CS in linea non sono riutilizzabili.
• I codici e le classi di pseudo non possono essere disegnati usando CSS in linea.
• Non è appropriato per progetti più grandi in quanto riduce la managiabilità del codice.

Conclusione

Inline CSS è una tecnica per includere fogli di stile in un documento HTML utilizzando l'attributo di stile dell'elemento. CSS in linea consente all'utente di modellare gli elementi individualmente e la definizione di stile specificata influenzerà solo quel particolare elemento. In questo post, la tecnica CSS in linea è stata discussa in dettaglio con l'aiuto di esempi appropriati, inoltre sono evidenziati vantaggi e svantaggi della tecnica in discussione.