Dasar-Dasar Bekerja dengan Bahasa CSS

Kita telah membahas tag-tag dasar dari bahasa HTML dan sekarang saatnya untuk mempercantik. Kita ingin memiliki kemampuan untuk mengubah warna teks, ukurannya, latar belakang, dan banyak lagi. Ini dilakukan dengan menggunakan bahasa CSS.

Biasanya, perintah CSS (gaya) disimpan dalam file terpisah, yang dihubungkan dengan tag khusus ke semua halaman HTML situs kita.

Keuntungan pendekatan ini adalah bahwa file CSS hanya satu, sedangkan file HTML bisa berjumlah berapa pun, bahkan seribu. Jika kita melakukan perubahan di satu tempat di file CSS, misalnya, mewarnai semua paragraf dengan warna merah, maka perubahan tersebut akan diterapkan pada seluruh seribu halaman HTML yang terhubung dengan file CSS kita. Sangat nyaman dan cepat.

File dengan gaya harus memiliki ekstensi .css. Untuk menghubungkan file seperti itu ke halaman HTML, dalam tag head harus ditulis konstruksi seperti ini:

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

Dalam contoh berikut, file HTML kita terhubung dengan file 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>

Buat dan hubungkan file styles.css ke semua halaman Anda.