¿Es posible alinear una definición de clase de CSS dentro de un archivo xhtml?¿Es posible alinear una definición de clase de CSS dentro de un archivo xhtml?
Es decir, para poner calle detrás como:
p.first{ color: blue; }
p.second{ color: red; }
Dentro de mi página, no en un archivo CSS independiente.
Creo que estás tratando de poner tu CSS en la página HTML, no en línea.
Se puede retener CSS en una página HTML (por lo general en el head) rodeándolo en style las etiquetas:
<style type="text/css">
p.first{ color: blue; }
p.second{ color: red; }
</style>
Sí, puede insertar estilos CSS en el archivo HTML. Por ejemplo:
<p>...</p>
<style type="text/css">
p.first { ... }
</style>
<div>...</div>
Como encontrará en la literatura, no se considera una buena práctica.
Claro, aquí hay un ejemplo. Sin embargo, es una buena práctica mantener sus estilos en un archivo CSS separado.
<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>
También puede poner css dentro de la etiqueta p.
<html>
<body>
<p class="first" style="color:blue;"></p>
<p class="second" style="color:red;"></p>
</body>
</html>
Lo bueno de CSS es que funciona en cualquier archivo, no solo en un archivo HTML, XML. Sólo tiene que definir el bloque de muebles patinados como en cualquier lugar en la página
<style type="text/css">
<all my styles goes here>
</style>
En HTML y HTML/XHTML, la norma es, se pone este bloque en la sección de la cabeza. Si se trata de otro tipo de archivo, por ejemplo, .aspx o .php, el bloque aún funciona, incluso si no está en el bloque principal.
Ejemplo
<?php
/* mytest.php file */
<style>
<my styles>
</style>
?>
lo mismo es cierto para el archivo ASPX.
También puede definir CSS en línea, lo que significa que CSS va directamente a la etiqueta del elemento. La sintaxis es
<p style="<all my styles>"> My paragraph contain inline CSS</p>
@ Joe - a partir de HTML5, no necesitamos 'type = "text/css"' nunca más ... –
La cuestión está marcado XHTML, HTML5 no aunque ;-) @ Joe – Joe
: la pregunta se etiquetó originalmente con JSF, que usa una tecnología de visualización basada en XML (Facelets) que requiere plantillas XHTML para generar HTML. El resultado puede ser tan bueno como HTML5 perfectamente válido. Ver también http://stackoverflow.com/questions/2935759/is-it-possible-to-use-jsffacelets-with-html-4-5/3869174#3869174 – BalusC