tag - quitar negrita css
cómo quitar el negrita de un titular? (9)
Tengo un título:
<h1>THIS IS A HEADLINE</h1>
¿Cómo hago para que la frase "ESTE ES ..." no sea audaz y el resto sin cambios? no se pudo encontrar ninguna etiqueta relevante en la decoración de texto.
Desea el http://www.w3.org/TR/css3-fonts/#font-weight-prop , no text-decoration (junto con el marcado adicional adecuado, como <em>
o <span>
, para que pueda aplicar un estilo diferente a diferentes partes del encabezado)
El encabezado se ve en negrita debido a su gran tamaño , si ha aplicado en negrita o desea cambiar el comportamiento, puede hacer lo siguiente:
h1 { font-weight:normal; }
Pruebe font-weight:normal;
h1 {
font-weight: normal;
}
Puede usar font-weight:100
o más ligero: esto funciona con ie Opera 16 y versiones anteriores, pero no sé por qué las etiquetas h1
en Firefox son más audaces, lo siento.
el estilo es consecuentemente vis css. Un ejemplo
<h1 class="mynotsoboldtitle">Im not bold</h1>
<style>
.mynotsoboldtitle { font-weight:normal; }
</style>
para que "ESTO ES" no sea negrita - agregue <span></span>
alrededor del texto
<h1>><span>THIS IS</span> A HEADLINE</h1>
y con estilo
h1 span{font-weight:normal}
simplemente puede hacer eso en la parte html:
<span>Heading Text</span>
y en el CSS lo puedes hacer como un bloque h1 usando la pantalla:
span{
display:block;
font-size:20px;
}
lo obtendrás como h1 sin negrita,
si lo quiere en negrita simplemente agregue esto a la CSS:
font-weight:bold;
<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>
Pero asegúrese de que h1 esté marcado con
font-weight:normal;
También puede establecer el estilo con un id o atributo de clase.
<h1><span>This is</span> a Headline</h1>
h1 { font-weight: normal; text-transform: uppercase; }
h1 span { font-weight: bold; }
No estoy seguro de si fue solo por mostrarnos, pero como nota al margen, siempre debes establecer el texto en mayúsculas con CSS :)