Personalizzazione dei tag HTML con regole CSS: il selettore HTML
Uno dei motivi per cui CSS è così popolare è la versatilità che offre ai tag HTML. Sebbene non sia possibile "disattivare" i controlli integrati del tag, è possibile aggiungere altri controlli ai tag HTML per estenderne l'utilità. Puoi farlo aggiungendo nuove definizioni CSS al selettore di tag. Usiamo l'HTML

per il nostro esempio e aggiungeremo un colore di sfondo, una faccia del carattere, la dimensione del carattere e un controllo del colore del testo al

etichetta. Ciò causerà tutto tra qualsiasi apertura e chiusura

tag che saranno controllati dalle nostre nuove definizioni in tutta la pagina web.

p {
colore di sfondo: # 000000;
famiglia di caratteri: arial;
dimensione carattere: 12px;
colore: #ffffff;
}

Nel nostro esempio, la regola CSS inizia con il selettore HTML (p) che è seguito dal blocco di dichiarazione CSS contenente tutte le definizioni valore-proprietà che desideriamo aggiungere. Come al solito, ogni definizione inizia con la proprietà, seguita da due punti, il valore e termina con un punto e virgola. L'intero blocco viene inserito tra parentesi graffe. Ci sono alcune cose da ricordare quando si scrivono le proprie regole CSS per i tag HTML.

  • Puoi inserire la tua regola CSS personalizzata all'interno dei tag nella sezione head della tua pagina web.

  • È possibile inserire la regola CSS personalizzata all'interno di un file CSS esterno.

  • Le definizioni CSS personalizzate che aggiungi a un particolare selettore di tag devono contenere proprietà che possono essere controllate da quel tag.

  • Poiché si inserisce la regola personalizzata nella sezione head o nel file CSS esterno, influirà sull'intera pagina Web. Se devi controllare solo un singolo tag HTML (un'istanza speciale di un tag), applichi uno stile in linea a quel singolo tag.

  • Il tag mantiene le proprietà integrate di quel tag HTML. Ad esempio, l'HTML il tag grassetto continuerà ad applicare l'effetto grassetto a qualsiasi testo inserito tra l'apertura e la chiusura tag.




Istruzioni Video: CORSO DI CSS - Introduzione al CSS e le regole di stile (Lez. 1) (Aprile 2024).