Classe vs ID
Cascading Style Sheets (CSS) è un linguaggio che descrive l'aspetto e la formattazione di un documento scritto utilizzando un linguaggio di markup. Il CSS è ampiamente utilizzato per definire lo stile delle pagine web scritte in HTML. CSS consente di specificare i propri selettori di stile oltre ad applicare stili per gli elementi HTML. Questo viene fatto utilizzando l'ID e i selettori di classe. Quando si specifica uno stile per un singolo elemento univoco, viene utilizzato il selettore ID. Quando si specifica uno stile per un gruppo di elementi, viene utilizzato il selettore di classe.
Cos'è una classe?
In CSS, il selettore di classe può essere utilizzato per applicare il proprio stile a un gruppo di elementi. Il selettore di classe viene utilizzato per applicare uno stile specifico a un insieme di elementi con la stessa classe. In CSS, un selettore di classe è identificato da un punto (.). Di seguito è riportato un esempio di un selettore di classe definito in CSS.
.la mia classe {
colore blu;
spessore del carattere: grassetto;
}
HTML può fare riferimento alla classe definita in CSS utilizzando l'attributo class come mostrato di seguito.
Questa è la mia formattazione
Questa è di nuovo la mia formattazione
Come mostrato sopra, la stessa classe può essere utilizzata per più elementi e un singolo elemento può utilizzare più classi. Quando vengono utilizzate più classi nello stesso elemento, le classi vengono inserite nell'attributo class delimitato da uno spazio come mostrato di seguito.
Questa è la mia formattazione usando due classi
Cos'è un ID?
In CSS, il selettore ID può essere utilizzato per applicare il proprio stile a un singolo elemento univoco. In CSS, un selettore di ID è identificato da un cancelletto (#). Di seguito è riportato un esempio di un selettore ID definito in CSS.
#my_ID {
colore rosso;
text-align: right;
}
HTML può fare riferimento al selettore ID definito in CSS utilizzando l'attributo id come mostrato di seguito.
Questo è il mio modulo di formattazione un selettore di ID
Gli ID sono univoci. Pertanto ogni elemento può avere un solo ID e ogni pagina può avere un solo elemento con quell'ID specifico. Gli ID hanno una caratteristica importante che può essere utilizzata con un browser. Se l'URL della pagina contiene un valore hash (ad es. Http: //myweb.com#my_id) il browser proverà a individuare automaticamente l'elemento con l'ID "my_id" e farà scorrere la pagina web per visualizzare quell'elemento. Questo è uno dei motivi per cui la pagina dovrebbe avere un singolo elemento con quell'ID specifico, in modo che il browser possa individuare quell'elemento.
Qual è la differenza tra Class e ID?
Anche se sia il selettore di classe che il selettore di ID possono essere utilizzati per applicare il proprio stile agli elementi in una pagina Web, presentano alcune differenze importanti. Il selettore di classe può essere utilizzato per applicare il proprio stile a un gruppo di elementi, mentre il selettore di ID viene utilizzato per applicare uno stile a un singolo elemento univoco. Quando si utilizzano gli ID, ogni elemento può avere un solo ID e ogni pagina può avere un solo elemento con quell'ID specifico, ma Class potrebbe essere utilizzata per più elementi e un singolo elemento può utilizzare più Classi. Inoltre, ID può essere utilizzato per scorrere automaticamente una pagina per visualizzare l'elemento con quell'ID, ma ciò non è possibile con il selettore di classe.
