È possibile incorporare una definizione di classe di CSS all'interno di un file xhtml?È possibile allineare una definizione di classe di CSS all'interno di un file xhtml?
Insomma, per dirla come someting:
p.first{ color: blue; }
p.second{ color: red; }
Dentro la mia pagina, non in un file CSS separato.
Penso che stai provando a mettere il tuo CSS nella pagina HTML, non in linea.
si può mettere CSS in una pagina HTML (di solito nel head) circondandola in style tag:
<style type="text/css">
p.first{ color: blue; }
p.second{ color: red; }
</style>
Sì, è possibile inserire gli stili CSS nel file HTML. Ad esempio:
<p>...</p>
<style type="text/css">
p.first { ... }
</style>
<div>...</div>
Come si troverà in letteratura, tuttavia non è considerata una buona pratica.
Certo, ecco un esempio. Tuttavia, è consigliabile mantenere gli stili in un file CSS separato.
<html>
<head>
<title>Classes</title>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<style type="text/css">
img {
padding:10px;
margin:5px;
border:1px solid #d5d5d5;
}
div.thumb {
float:left;
}
div.caption {
padding-left:5px;
font-size:10px;
}
</style>
</head>
<body>
<div>your page code etc..</div>
</body>
</html>
È inoltre possibile inserire css all'interno del tag p.
<html>
<body>
<p class="first" style="color:blue;"></p>
<p class="second" style="color:red;"></p>
</body>
</html>
La cosa bella di CSS è che funziona in qualsiasi file non solo un HTML, file XML. Hai solo bisogno di definire il blocco syle come questo in qualsiasi punto della pagina
<style type="text/css">
<all my styles goes here>
</style>
In HTML e HTML/XHTML, lo standard è, si mette questo blocco nella sezione head. Se è un altro tipo di file, ad esempio .aspx o .php, il blocco funziona ancora, anche se non si trova nel blocco principale.
Esempio
<?php
/* mytest.php file */
<style>
<my styles>
</style>
?>
lo stesso vale per il file ASPX.
È inoltre possibile definire CSS in linea, il che significa che il CSS va a destra nel tag dell'elemento. La sintassi è
<p style="<all my styles>"> My paragraph contain inline CSS</p>
@ Joe - come di HTML5, non abbiamo bisogno di 'type = "text/css"' più ... –
La questione è aggiunto XHTML, non HTML5 se ;-) – Joe
@ Joe : la domanda era originariamente contrassegnata come JSF, che utilizza una tecnologia di visualizzazione basata su XML (Facelets) che richiede modelli XHTML per generare HTML. L'output può essere un buon HTML5 perfettamente valido. Vedi anche http://stackoverflow.com/questions/2935759/is-it-possibile-per-utilizzare-sanguefine-con-html-4-5/3869174#3869174 – BalusC