Home
Css
Guida ai fogli di stile
I selettori (seconda parte)
Css
Guida ai fogli di stile
I selettori (seconda parte) | I selettori (seconda parte) |
|
|
| Scritto da Vincenzo | |
|
Selettore universale Con questo selettore è possibile applicare la formattazione a tutti gli elementi del documento, il blocco delle dichiarazioni deve essere preceduto da un asterisco. *{color: blue}Selettori di classe e di identità I selettori di classe possono essere usati per tutti gli elementi , la loro dichiarazione deve essere preceduta da un punto. <style type=”text/css”>In questo caso lo stile verrà applicato a quegli elementi in cui è stato inserito il valore “testoformattato” nell’attributo class. <p class=”testoformattato”>Testo</p>I selettori di identità, come nel caso dei selettori di classe, possono essere utilizzati per tutti gli elementi ma la loro dichiarazione deve essere preceduta dal cancelletto (#). <style type=”text/css”>In questo caso lo stile verrà applicato a quegli elementi in cui è stato inserito il valore “testoformattato” all’attributo id. La differenza tra i selettori di classe e di identità sta nel fatto che il selettore di identità contraddistingue in maniera univoca un elemento, quindi, se viene assegnata ad un tag h1 un’identità questo valore non potrà piu essere utilizzato in tutto il resto della pagina, la classe invece può essere assegnata a più elementi, anche se sono dello stesso tipo <p id=”testoformattato”>Testo</p>I selettori di classe e di identità, inoltre, possono avere anche altre sintassi: p.testoformattato{color:red}lo stile verrà applicato a tutti i paragrafi con il valore “testoformattato” nell’attributo class. p.testoformattato.bold{color:red; font-weight:bold;}lo stile verra applicato a tutti gli elementi in cui sono presenti i valori “testoformattato” e “bold” nell’attributo class, anche se non rispettano l’ordine in cui sono stati dichiarati. Ad esempio: <p class=”bold testoformattato”>Testo</p>Anche per le identità è possibile una sintassi con un elemento: p#testoformattato{color:#000000;}
|
| < Prec. | Pros. > |
|---|
Articoli correlati
- Introduzione ai fogli di stile (CSS)
- La compatibilità
- Inserimento dei fogli di stile (css) in un documento
- Elementi principali dei css
- I selettori (prima parte)
- Le proprietà del testo css (seconda parte)
- Le proprietà del testo css (prima parte)
- Le pseudo-classi e gli pseudo-elementi
- Le unità di misura css
- La definizione dei colori css
- Le proprietà dello sfondo
- Il box model
- Effetto zoom su le immagini con i css
- Ereditarietà
- Il concetto di Cascade
- Le dimensioni (altezza e larghezza)
- I margini
- Il padding
- Effetto sfumatura sulle immagini con i css e javascript
Tag
immagine inserimento successo funzione width posizionamento descritto salvato ottimo applicazioni repeat mantenere permette disponibili definiscono qualcosa affected length interni heading| Corso CSS e XHTML Web Design ed Accessibilità secondo il W3C.Corso con tutor ed attestato finale! |








