Teksto storis CSS

Šioje pamokoje išnagrinėsime savybę font-weight, kuri leidžia padaryti tekstą pastorintą arba atvirkščiai - panaikinti pastorinimą (pavyzdžiui, antraštėms, kurios pagal nutylėjimą yra pastorintos). Norint padaryti tekstą pastorintą, reikia nurodyti reikšmę bold, o norint panaikinti pastorinimą - reikšmę normal.

Ši savybė veikia analogiškai tag'ui b, kurį jau išnagrinėjome. Skirtumas tas, kad per CSS valdyti storį žymiai patogiau - galima, pavyzdžiui, priversti visus paragraph'us tapti pastorintais, o visas antraštes - nepastorintomis, padarius tik porą įrašų CSS faile.

Jei aš daryčiau pastorintą per tag'ą b - man tektų kiekvieno paragraph'o turinį apvynioti šiuo tag'u, o tai būtų labai daug laiko reikalaujantis darbas (o jei aš vėliau norėčiau pašalinti paragraph'ų pastorinimą - man tektų šalinti visus šiuos tag'us, įsivaizduokite, kiek tai nereikalingo, našaus darbo).

Šiame pavyzdyje mes padarysime visus paragraph'us pastorintais, o visas h2 antraštes - nepastorintomis:

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

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

Nukopijuokite šį HTML kodą į savo puslapį:

<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>

Nustatykite lentelės plotį į 500px, o aukštį į 300px. Padarykite langelius td pastorintus ir centre, o langelius th - nepastorintus.