para - ¿Cómo puedo poner código CSS y HTML en el mismo archivo?
etiquetas html (6)
Soy profano en CSS, no sé nada al respecto. Necesito colocar el código HTML y el formato CSS en el mismo objeto de cadena para un programa de iPhone.
Tengo el código HTML y el código CSS, pero no sé cómo mezclarlos. ¿Usted me podría ayudar?
El código HTML:
<html>
<head>
<link type="text/css" href="./exemple.css" rel="stylesheet" media="all" />
</head>
<body>
<p>
<span class="title">La super bonne</span>
<span class="author">proposée par Jérém</span>
</p>
</body>
</html>
Los estilos CSS:
.title {
color: blue;
text-decoration: bold;
text-size: 1em;
}
.author {
color: gray;
}
¿Es esto lo que estás buscando? Usted coloca su CSS entre las etiquetas de style en el encabezado del documento HTML. Supongo que para iPhone es webkit por lo que debería funcionar.
<html>
<head>
<style type="text/css">
.title { color: blue; text-decoration: bold; text-size: 1em; }
.author { color: gray; }
</style>
</head>
<body>
<p>
<span class="title">La super bonne</span>
<span class="author">proposée par Jérém</span>
</p>
</body>
</html>
Dos opciones: 1, agregar css en línea como estilo = "fondo: negro" O 2. En la cabecera, incluya el css como un bloque de etiqueta de estilo.
Hay una etiqueta de estilo, así que podrías hacer algo como esto:
<style type="text/css">
.title
{
color: blue;
text-decoration: bold;
text-size: 1em;
}
</style>
O también puedes hacer algo como esto.
<div style="background=#aeaeae; float: right">
</div>
Podemos agregar cualquier CSS dentro del atributo de estilo de las etiquetas HTML.
Puede incluir estilos CSS en un documento html con etiquetas <style></style> .
Ejemplo:
<style>
.myClass { background: #f00; }
.myOtherClass { font-size: 12px; }
</style>
<html>
<head>
<style type="text/css">
.title {
color: blue;
text-decoration: bold;
text-size: 1em;
}
.author {
color: gray;
}
</style>
</head>
<body>
<p>
<span class="title">La super bonne</span>
<span class="author">proposée par Jérém</span>
</p>
</body>
</html>
En una nota al margen, hubiera sido mucho más fácil simplemente hacer this .