tamaño - tipo de letra css
¿Cómo hacer que mi fuente en negrita usando css? (10)
Podrías 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. Usted 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;
}
Alternativamente, también puede usar un valor rígido para el peso de la fuente y la mayoría de las fuentes admiten un valor entre 300 y 700, incrementado en 100. Por ejemplo, lo siguiente sería negrita:
.className {
font-weight: 700;
}
Soy muy nuevo en HTML y CSS y me preguntaba cómo podría poner mi fuente en negrita usando CSS.
Tengo una página HTML simple que importa un archivo CSS y puedo cambiar la fuente en el CSS. Pero no sé cómo poner la fuente en negrita, ¿puede alguien ayudarme?
Puede usar el elemento strong en html, que es excelente semánticamente (también es bueno para lectores de pantalla, etc.), que normalmente se presenta como texto en negrita:
See here, some <strong>emphasized text</strong>.
O puede usar la propiedad css de font-weight estilizar el texto de cualquier elemento como negrita:
span { font-weight: bold; }
<p>This is a paragraph of <span>bold text</span>.</p>
Sine usted es nuevo en html aquí hay tres ejemplos listos para usar sobre cómo usar CSS junto con html. Simplemente puede ponerlos en un archivo, guardarlo y abrirlo con el navegador que elija:
Este integra directamente su estilo CSS en sus etiquetas / elementos. En general, este enfoque no es muy bueno, ya que 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 todas las etiquetas "p" (significa párrafo) en su documento y además las hace GRANDES. 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>
Probablemente tomará un par de días jugando con los primeros ejemplos, sin embargo, aquí está el último. En esto, finalmente, separa completamente el diseño (css) y el contenido (html) en dos archivos diferentes. tiene este enfoque.
En un archivo pones todo el CSS (llámalo ''hello_world.css''):
p {
font-weight:bold;
font-size:26px;
}
En otro archivo deberías poner el html (llámalo ''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 elementos específicos en su documento y no todas las etiquetas, debe familiarizarse con los atributos de class , id y name . ¡Que te diviertas!
Usa la propiedad de font-weight CSS
Usarías font-weight: bold .
¿Quieres que todo el documento esté en negrita? ¿O solo partes de eso?
font-weight: negrita;
Puedes usar la declaración CSS font-weight: bold; .
Le aconsejaría que lea la guía para principiantes de CSS en http://htmldog.com/guides/cssbeginner/ .
<!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>
Selector name{
font-weight:bold;
}
Supongamos que quiere hacer negrita para el elemento p
p{
font-weight:bold;
}
Puedes usar otro valor alternativo en lugar de negrita como
p{
font-weight:bolder;
font-weight:600;
}
font-weight: bold