CSS til asoslari

Biz siz bilan HTML tilining asosiy teglarini ko‘rib chiqdik va endi uni chiroyli qilish vaqti keldi. Matn rangini, uning o‘lchamini, fonni va boshqa ko‘plab narsalarni o‘zgartirish imkoniyati bo‘lishini xohlaymiz. Bularning barchasi CSS tili yordamida amalga oshiriladi.

Odatda, CSS buyruqlari (stillar) alohida faylda saqlanadi, bu fayl maxsus teg yordamida bizning saytimizning barcha HTML sahifalariga ulangan bo‘ladi.

Bunday yondashuvning afzalligi shundaki, CSS fayli bitta, ammo HTML fayllari istalgan miqdorda bo‘lishi mumkin, hatto minglab. Agar biz CSS faylining bir joyida o‘zgartirish qilsak, masalan, barcha abzaslarni qizil rangga bo‘yasak, bu o‘zgarishlar bizning CSS faylimiz ulangan barcha minglab HTML sahifalariga qo‘llaniladi. Juda qulay va tez.

Stillar fayli .css kengaytmasiga ega bo‘lishi kerak. Bunday faylni HTML sahifasiga ulash uchun, head tegida quyidagi konstruktsiyani yozish kerak:

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

Quyidagi misolda bizning HTML faylimizga styles.css CSS fayli ulanadi:

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

styles.css faylini yarating va uni barcha sahifalaringizga ulang.