Soy muy nuevo en HTML y CSS y me preguntaba cómo puedo hacer que mi fuente sea negrita usando CSS.¿Cómo hacer que mi fuente sea negrita usando css?
Tengo una página HTML sin formato que importa un archivo CSS, y puedo cambiar la fuente en el CSS. Pero no sé cómo hacer que la fuente sea negrita, ¿alguien puede ayudarme?
Utilizaría font-weight: bold.
¿Desea que todo el documento aparezca en negrita? ¿O solo partes de eso?
font-weight: bold
Utilice la propiedad CSS font-weight
Puede utilizar la declaración CSS font-weight: bold;.
Le aconsejo que lea la guía para principiantes de CSS en http://htmldog.com/guides/cssbeginner/.
font-weight: bold;
Puede utilizar the strong element en html, que es grande semánticamente (también bueno para los lectores de pantalla, etc.), que normalmente representa el texto en negrita:
See here, some <strong>emphasized text</strong>.O puede use the font-weight css property para marcar el texto de cualquier elemento como negrita:
span { font-weight: bold; }<p>This is a paragraph of <span>bold text</span>.</p>He puesto todo el segundo párrafo en negrita, por lo que no está enfatizando las palabras "texto en negrita", es solo estilo. – GKFX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE type="text/css">
body
{
font-weight: bold;
}
</STYLE>
</HEAD>
<BODY>
Body text is now bold.
</BODY>
</HTML>
sinusoidal que son nuevos en html aquí son tres listas para usar ejemplos sobre cómo utilizar CSS junto con html. Simplemente puede ponerlos en un archivo, guardarlo y abrirlo con el navegador que elija:
Este inserta directamente su estilo CSS en sus etiquetas/elementos. En general, este no es un enfoque muy agradable, porque siempre debe separar el contenido/html del diseño.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
</head>
<body>
<p style="font-weight:bold;">Hi, I'm very bold!</p>
</body>
</html>
El siguiente es un enfoque más general y funciona en todos los "p" (siglas de párrafo) etiquetas en el documento y adicionalmente hace enorme. Por cierto. Google utiliza este enfoque en su búsqueda:
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<style type="text/css">
p {
font-weight:bold;
font-size:26px;
}
</style>
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Es probable que tome un par de días jugando con los primeros ejemplos, sin embargo aquí es el último. En esto, finalmente separe por completo el diseño (css) y el contenido (html) entre sí en dos archivos diferentes. stackoverflow toma este enfoque.
En un fichero que puso todo el CSS (llamarlo 'hello_world.css'):
p {
font-weight:bold;
font-size:26px;
}
En otro archivo que debe poner el html (llamarlo 'hello_world.html'):
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<link rel="stylesheet" type="text/css" href="hello_world.css" />
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Espero que esto ayude un poco.Para abordar los elementos específicos de su documento y no todas las etiquetas, debe familiarizarse con los atributos class, id y name. ¡Que te diviertas!
Selector name{
font-weight:bold;
}
Suponga que desea hacer negrita para el elemento p
p{
font-weight:bold;
}
Se puede utilizar otro valor alternativo en lugar de llamativos como el
p{
font-weight:bolder;
font-weight:600;
}
Se puede usar un par de enfoques. Primero sería usar la etiqueta fuerte
Here is an <strong>example of that tag</strong>.
Otro enfoque sería utilizar la propiedad font-weight. Puede lograr en línea, o a través de una clase o id. Digamos que estás usando una clase.
.className {
font-weight: bold;
}
Como alternativa, también se puede utilizar un valor difícil para font-weight y la mayoría de las fuentes apoyar a un valor entre 300 y 700, incrementado en 100. Por ejemplo, el siguiente sería negrita:
.className {
font-weight: 700;
}
Otras respuestas ya cubrieron estos puntos. ¿Cómo agrega valor esta respuesta? –
Le sugiero que lea la especificación CSS2, le da una explicación muy completa de lo que puede hacer y cómo hacerlo. Y tampoco está demasiado seco. http://www.w3.org/TR/CSS2/ –
posible duplicado de [¿cómo palabras en negrita dentro de un párrafo en html/css?] (http://stackoverflow.com/questions/9058425/how-to-bold -words-within-a-paragraph-in-html-css) – Ejaz