Asas Pengendalian Bahasa CSS

Kita telah membincangkan tag asas bahasa HTML dan kini tiba masanya untuk mencantikkannya. Adalah diinginkan untuk mempunyai keupayaan menukar warna teks, saiznya, latar belakang dan banyak lagi. Ini dilakukan dengan menggunakan bahasa CSS.

Biasanya, arahan CSS (gaya) disimpan dalam fail berasingan, yang disambungkan dengan tag khas kepada semua halaman HTML di laman web kami.

Kelebihan pendekatan ini ialah fail CSS hanya satu, manakala fail HTML boleh ada dalam sebarang bilangan, walaupun seribu. Jika kita membuat perubahan di satu tempat dalam fail CSS, contohnya, menukar semua perenggan kepada warna merah, maka perubahan tersebut akan diterapkan pada kesemua seribu halaman HTML yang disambungkan dengan fail CSS kami. Sangat mudah dan pantas.

Fail dengan gaya mesti mempunyai sambungan .css. Untuk menyambungkan fail sedemikian ke halaman HTML, dalam tag head, tulis konstruksi berikut:

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

Dalam contoh berikut, fail HTML kami disambungkan dengan fail 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>

Cipta dan sambungkan fail styles.css kepada semua halaman anda.