Stili interni alle pagine Web
Il codice CSS può essere scritto direttamente all'interno delle pagine Web, con una tecnica che assume l'appellativo di fogli di stile in linea.
La tecnica consiste nell'attribuire direttamente ad un elemento uno stile CSS attraverso l'attributo style (comune a qualsiasi tag HTML) come nell'esempio che segue:
<div style="color: #FF0000;">Testo rosso</div>oppure nello specificare nell'header della pagina Web il tag style, come nell'esempio che segue:
<html>
<head>
<title>CSS in linea</title>
<style type="text/css">
div { color: #FF0000; }
</style>
</head>
<body>
<div>Testo rosso</div>
</body>
</html>
Il risultato è lo stesso, ma naturalmente sussistono una serie di differenze logiche e pratiche.
Assegnando uno stile ad un unico elemento in una pagina si otterrà quello stile solo per quello specifico elemento, come se lo si trattasse in stile HTML classico.
Assegnando invece uno stile nell'intestazione della pagina ad un elemento, tutti gli elementi dello stesso tipo di quella pagina assumeranno lo stesso stile.
Procediamo gradualmente. Riprenderemo il discorso quando parleremo di assegnazione delle classi, più vanti nel corso della guida.
