Aiuto:CSS: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
nuova pagina di aiuto
 
piano piano la ampliamo con altre specifiche tecniche
Riga 1:
{{spostamento|w|Help:Cascading Style Sheets|en|old=755428585}}
{{Markup}}
{{Indice aiuto}}
Line 30 ⟶ 29:
proprietà2: valore2, valore3;
}
</syntaxhighlight>
 
=== Uso delle classi ===
Le classi applicano la regola a tutti gli elementi della pagina che presentano la proprietà <code>class="nomeclasse"</code>. Nel file CSS si scriverà quindi anzitutto il selettore classe:
 
<syntaxhighlight lang="css">
.nomeclasse {
proprietà1: valore1;
proprietà2: valore2, valore3;
}
</syntaxhighlight>
 
Una classe può avere un nome qualsiasi, purché sia univoco. Nella definizione, il nome deve inoltre essere preceduto da un punto fermo (<code>.nomeclasse</code>).
 
Per assegnare un elemento, per esempio un <code>&lt;div></code>, a una classe bisognerà scrivere:
 
<syntaxhighlight lang=html>
<div class="nomeclasse">
...
</div>
</syntaxhighlight>
 
=== Templatestyles: CSS per i template ===
{{vedi anche|Aiuto:Template}}
Per i template, è possibile raccogliere tutte le specifiche CSS in una sottopagina con estensione .css, come per esempio ''Template:Nome del template/style.css''. Per richiamare questi stili, nella pagina del template, alla prima riga bisognerà scrivere:
 
<syntaxhighlight lang=html>
<templatestyles src="Nome del template/styles.css" />
</syntaxhighlight>