Inserire il css nelle pagine html
Per includere un css all’interno di una pagina web, esistono 4 metodi:
- inserire direttamente le regole di stile nell’head della pagina, all’interno del tag <style>:
<html> <head> <style> p{ color:red; font-size:12px; } </style> </head> <body> <p>Questo è un paragrafo di prova</p> </body> </html> - inserire direttamente le regole di stile all’interno dell’attributo style dell’elemento da formattare:
<html> <head> ... </head> <body> <p style="color:red;font-size:12px;">Questo è un paragrafo di prova</p> </body> </html> - richiamare il foglio di stile esterno, con estensione .css, nell’head della pagina, utilizzando il tag e specificando nel parametro href il percorso verso il file:
<html> <head> <link rel="stylesheet" type="text/css" href="stile.css" /> </head> <body> <p>Questo è un paragrafo di prova</p> </body> </html> - importare il foglio di stile tramite la direttiva @import all’interno del tag <style>:
<html> <head> <style> @import url("stile.css"); </style> </head> <body> <p>Questo è un paragrafo di prova</p> </body> </html>
<Gaia Megna>
Mi chiamo Gaia sono Co-Founder di Sferica, un’azienda che si occupa di sviluppo siti internet e web application a Palermo.
Mi appassionano le nuove tecnologie specialmente quelle di piccole dimensioni con enormi potenzialità. Mi piacciono le sfide, le situazioni in cui le difficoltà mi portano inevitabilmente alla crescita.
Ritengo che il vero potere sia la conoscenza: solo la conoscenza ci rende capaci di cambiare ciò che non ci piace. 