¿Podría alguien decirme qué estoy haciendo mal? "
"negrita" nunca ha sido un elemento HTML ("b" es la coincidencia más cercana).
HTML debe contener contenido estructurado; El editor CSS debería sugerir estilos para ese contenido. De esta forma, los agentes de usuario pueden exponer el contenido estructurado con un estilo útil y controles de navegación a los usuarios que no pueden ver su estilo audaz sugerido (por ejemplo, usuarios de motores de búsqueda, usuarios totalmente ciegos que usan lectores de pantalla, usuarios con poca visión que usan sus propios colores y fuentes, usuarios geek que usan navegadores de texto, usuarios de navegadores que hablan y controlan por voz como Opera para Windows). Por lo tanto, la forma correcta de hacer que el texto aparezca en negrita depende de por qué desea darle estilo en negrita. Por ejemplo:
¿Quieres distinguir los títulos de otro texto? Use elementos de encabezado ("h1" a "h6") y sugiera un estilo en negrita para ellos dentro de su CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".
¿Quiere envalentonar etiquetas para campos de formulario? Utilice un elemento de "etiqueta", asócielo programáticamente con el elemento "select", "input" o "textarea" correspondiente, dándole un atributo "for" que coincida con un atributo "id" en el destino y sugiera un estilo en negrita para dentro de su CSS ("label {font-weight: bold;"}).
¿Desea envalentonar un encabezado para un grupo de campos relacionados en un formulario, como un grupo de opciones de radio? Rodéalos con un elemento "conjunto de campos", asígnele un elemento "leyenda" y sugiérale un estilo en negrita dentro de su CSS ("leyenda {font-weight: bold;}").
¿Desea distinguir un título de tabla de los títulos de tabla? Use un elemento "caption" y sugiera un estilo en negrita dentro de su CSS ("caption {font-weight: bold;}").
¿Desea distinguir encabezados de tabla de celdas de datos de tabla? Use un elemento "th" y sugiera un estilo en negrita dentro de su CSS ("th {font-weight: bold;}").
¿Quiere distinguir el título de una película o álbum referenciado del texto circundante? Use un elemento "cite" con una clase ("cite class =" movie-title "), y sugiera un estilo en negrita dentro de su CSS (" .movie-title {font-weight: bold;} ").
¿Desea distinguir una palabra clave definida del texto circundante que la define o explica? Use un elemento "dfn" y sugiera un estilo en negrita dentro de su CSS ("dfn {font-weight: bold;}").
¿Quiere distinguir algún código de computadora del texto que lo rodea? Use un elemento de "código" y sugiera un estilo en negrita dentro de su CSS ("code {font-weight: bold;}").
¿Desea distinguir un nombre variable del texto circundante? Use un elemento "var" y sugiera un estilo en negrita dentro de su CSS ("var {font-weight: bold;}").
¿Quiere indicar que se ha agregado algún texto como actualización? Use un elemento "ins" y sugiera un estilo en negrita dentro de su CSS ("ins {font-weight: bold;}").
¿Quieres enfatizar un poco el texto ("Me encantan los gatitos!")? Use un elemento "em" y sugiera un estilo en negrita dentro de su CSS (por ejemplo, "em {font-weight: bold;}").
¿Quiere enfatizar mucho algún texto, tal vez como una advertencia ("¡ Cuidado con el perro! ")? Use un elemento "fuerte" y sugiera un estilo en negrita dentro de su CSS (por ejemplo, "fuerte {font-weight: bold;}").
... Tienes la idea (con suerte).
¿No puede encontrar un elemento HTML con la semántica correcta para expresar / por qué / desea poner este texto en negrita? Envuélvalo en un elemento genérico "span", asígnele un nombre de clase significativo que exprese su justificación para distinguir ese texto ("<abarcan clase =" lede "> Permítanme comenzar este artículo de noticias con una oración que lo resume. </ Span >), y sugiera un estilo en negrita dentro de su CSS (".lede {font-weight: bold;"}. Antes de crear sus propios nombres de clase, es posible que desee comprobar si hay un microformato (microformats.org) o convención común para lo que quieres expresar.