Autor Tema: Ejemplo aplicar estilos mediante atributo class de HTML con CSS (Leído 2585 veces)

wilfridocardena · « **en:** 14 de Abril 2015, 05:35 »

Hola a todos

<html>
<head>
<title>CSS – aprenderaprogramar.com</title>
<style type="text/css">
.color_verde {
color: green;
}
.color_amarillo {
color: yellow;
}
</style>
</head>
<body>
<p >Este texto va de color verde.</p>
<p >Este texto va de color amarillo.</p>
</body>
</html>

Tengo un problema con este codigo porque lo copio y lo pego tal y como esta pero al abrirlo en los exploradores tanto google chrome como internet explorer no me reconoce con los colores , se queda en negro nadamas aparece el texto en negro espero que alguien me pueda ayudar con esta duda porfavor ya que me gustaria saber si es que tengo que configurar algo en mi maquina o si es que tengo que cambiar algo en el codigo muchisimas gracias de antemano hasta la proxima duda

javi in the sky · « **Respuesta #1 en:** 14 de Abril 2015, 14:58 »

Hola Wilfrido, para que se apliquen los estilos tienes que definir el atributo class de los elementos HTML.

Es recomendable realizar este curso de HTML: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192

Y luego el de CSS: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203

El código quedaría así:

Código: [Seleccionar]

<html>
<head>
<title>CSS - aprenderaprogramar.com</title>
<style type="text/css">
.color_verde {
color: green;
}
.color_amarillo {
color: yellow;
}
</style>
</head>
<body>
<p class="color_verde">Este texto va de color verde.</p>
<p class="color_amarillo">Este texto va de color amarillo.</p>
</body>
</html>

Saludos!

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Ejemplo aplicar estilos mediante atributo class de HTML con CSS (Leído 2585 veces)

wilfridocardena

Ejemplo aplicar estilos mediante atributo class de HTML con CSS

javi in the sky

Re:Utilidad de CSS en desarrollos web junto a HTML y JavaScript. Aplicar estilos. E

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: Ejemplo aplicar estilos mediante atributo class de HTML con CSS (Leído 2585 veces)

wilfridocardena

Ejemplo aplicar estilos mediante atributo class de HTML con CSS

javi in the sky

Re:Utilidad de CSS en desarrollos web junto a HTML y JavaScript. Aplicar estilos. E

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación