Programmazione Web » Css » Importare un foglio di stile dall'esterno
Importare un foglio di stile dall'esterno
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 1097 volte
I CSS possono essere richiamati attraverso un link ad file esterno alla pagina, con estensione ".CSS". Supponiamo di avere un file "pippo.css" e di volerlo importare nella nostra pagina XHTML.
Importare tramite <LINK>. Ecco il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="pippo.css" />
</head>
<body>
Qui il testo della pagina
</body>
</html>
Da notare la riga:
<link rel="stylesheet" type="text/css" href="pippo.css" />
che richiama il file pippo.css.
Importare tramite @import. Ecco il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<style type="text/css">
@import url(pippo.css);
</style>
<body>
Qui il testo della pagina
</body>
</html>
Da notare la riga:
<style type="text/css">
@import url(pippo.css);
</style>
che richiama il file pippo.css
Attenzione: Se nella pagina sono richiamati due file css, uno tramite <:link> e uno tramite @import ha la precedenza di interpretazione quello importato con @import.
Aggiungi questo tutorial ai preferiti
