Misingi ya Kufanya Kazi na Lugha ya CSS

Sisi tayari tumechambua vitagi kuu vya lugha ya HTML na sasa wakati umefika kuleta urembo. Tungependa kuwa na uwezo wa kubadilisha rangi ya maandishi, ukubwa wake, mandharinyuma na mengineyo. Hii inafanywa kwa kutumia lugha ya CSS.

Kwa kawaida, amri za CSS (mitindo) huhifadhiwa katika faili tofauti, ambayo huunganishwa kwa kitagi maalum kwa kurasa zote za HTML za tovuti yetu.

Faida ya mbinu hii ni kwamba faili ya CSS ni moja, na faili za HTML zinaweza kuwa idadi yoyote, hata elfu. Tukibadilisha mahali pa mmoja katika faili ya CSS, kwa mfano, takapaka rangi nyekundu kwa aya zote, basi hizi mabadiliko yatatumiwa kwenye zile elfu zote za kurasa za HTML ambazo faili yetu ya CSS imeunganishwa nazo. Ni rahisi sana na haraka.

Faili iliyo na mitindo inapaswa kuwa na kiambisho .css. Ili kuunganisha faili kama hiyo kwenye ukurasa wa HTML, katika kitagi head andika muundo kama huu:

<link rel="stylesheet" href="fileName.css">

Katika mfano ufuatao, faili yetu ya HTML inaunganishwa na faili ya CSS styles.css:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

Unda na uunganishe kwa kurasa zako zote faili styles.css.