Grosor del texto en CSS

En esta lección estudiaremos la propiedad font-weight, que permite hacer el texto en negrita o, por el contrario, cancelar la negrita (por ejemplo, para encabezados que son en negrita por defecto). Para poner el texto en negrita, se debe especificar el valor bold, y para cancelar la negrita - el valor normal.

Esta propiedad funciona de manera similar a la etiqueta b, que ya hemos analizado. La diferencia es que a través de CSS es mucho más conveniente gestionar el grosor - se puede, por ejemplo, hacer que todos los párrafos sean en negrita y todos los encabezados - no negrita, haciendo solo un par de anotaciones en el archivo CSS.

Si hiciera el texto en negrita mediante la etiqueta b - tendría que envolver el contenido de cada párrafo en esta etiqueta, y eso sería muy consumidor de tiempo (y si luego quiero quitar la negrita a los párrafos - tendría que eliminar todas estas etiquetas, imaginen cuánto trabajo extra e inútil sería).

En el siguiente ejemplo haremos que todos los párrafos sean en negrita, y todos los encabezados h2 - no negrita:

<h2>Title</h2>
<p>
	This is a paragraph with text.
</p>

h2 {
	font-weight: normal;
}
p {
	font-weight: bold;
}

Copia el siguiente código HTML en tu página:

<table border="1">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Establece para la tabla un ancho de 500px, y una altura de 300px. Haz que las celdas td estén en negrita y centradas, y las celdas th - no negrita.