Quando parliamo di HTML, sappiamo che HTML è utilizzato per creare applicazioni relative al web. Per rendere presentabile il contenuto HTML, è necessario applicare CSS adatto su HTML. CSS comprende un vasto gruppo di proprietà che possono essere applicate a un documento HTML sia in linea, interno ed esterno.

Tenendo conto dell'importanza del CSS, questo post serve i seguenti risultati:

• Cosa rappresenta i CSS?
• Come CSS viene applicato a un documento HTML

Cosa rappresenta i CSS?

CSS sta per Foglio di stile a cascata; È l'unico foglio di stile che rende una pagina HTML attraente e presentabile. CSS stesso è inutile fino a quando non è combinato con HTML per creare meravigliosi progetti di siti Web e applicazioni Web e layout. CSS è fondamentalmente progettato da W3C nel 1996 come soluzione per superare il costoso processo di aggiunta di caratteri e colori alla pagina HTML.

Come CSS viene applicato a un documento HTML

CSS può essere applicato sul documento HTML internamente, in linea o esternamente. Pertanto, il CSS può essere diviso in tre tipi: CSS in linea, CSS interno e CSS esterno. Qui, abbiamo dimostrato esplicitamente tutte queste categorie.

CSS in linea
Si dice che CSS sia in linea quando usiamo lo stile come attributo all'interno dei tag HTML. È utile solo quando è necessario colpire un tag HTML.

Ecco il codice di esempio in cui viene applicato il CSS in linea.

Codice

CSS in linea

Questo paragrafo è scritto per mostrare l'uso di CSS in linea nella pagina HTML.

Nel codice sopra, utilizziamo CSS in linea per modificare la dimensione e il colore del carattere del

etichetta.

Produzione

L'output mostra chiaramente che la dimensione del carattere e il colore del carattere vengono modificati utilizzando CSS in linea.

CSS interno
Si dice che CSS sia interno quando usiamo i tag di stile nella sezione testa della pagina HTML per specificare o modificare il formato e il layout dei vari tag HTML. Il CSS interno viene utilizzato quando è necessario creare una classe o target a più tag HTML contemporaneamente ma su piccola scala. Vediamo l'esempio pratico del CSS interno.

Codice

CSS in linea

Questo paragrafo è scritto per mostrare l'uso di CSS in linea nella pagina HTML.

In questo codice, abbiamo utilizzato il tag all'interno della sezione testa del documento. Il tag mira al

E

Tag del documento HTML. Queste proprietà CSS saranno applicate su tutti i

E

Tag attraverso il documento.

Produzione

L'output mostra che il CSS interno modifica correttamente la dimensione e il colore del carattere in base ai nostri requisiti.

CSS esterno
Si dice che CSS sia esterno quando è scritto in un file separato senza usare il tag di stile. Il file viene salvato con ".CSS"Estensione. IL ".CSS"Il file è collegato al codice HTML utilizzando HTML etichetta. Vediamo l'esempio pratico del CSS esterno.

Codice

CSS esterno

Questo paragrafo è scritto per mostrare l'uso di CSS esterni nella pagina HTML.

In questo codice, inseriamo i file CSS esterni nel codice HTML con l'aiuto di Tag per modificare il colore della dimensione del carattere e la posizione del contenuto di

tagg e

etichetta.

Produzione

È così che puoi integrare un file CSS esterno nel tuo documento HTML.

Conclusione

CSS sta per foglio di stile a cascata. Viene utilizzato per rendere espressivo e presentabile il contenuto della pagina HTML creando disegni e layout meravigliosi. Questo post mirato principalmente a ciò che CSS rappresenta. Oltre a questo, hai anche imparato come applicare CSS in linea, interni ed esterni su documenti HTML.