Biz allaqachon HTML tilining asosiy teglarini tahlil qildik va endi ko'rsatishni chiroyli qilish vaqti keldi. Biz matn rangini, uning hajmini, fonini va boshqa ko'p narsalarni o'zgartirish imkoniyatiga ega bo'lishni xohlayman. Bu CSS tili yordamida amalga oshiriladi.
Qoidaga ko'ra, CSS buyruqlari (stillari) alohida faylda saqlanadi, ular saytimizning barcha HTML sahifalariga maxsus teg bilan bog'lanadi.
Ushbu yondashuvning afzalligi shundaki, faqat bitta CSS fayli mavjud va HTML-fayllarning soni har qanday, hatto mingta bo'lishi mumkin. Agar biz CSS faylining bir joyiga o'zgartirish kiritsak, masalan, barcha paragraflarni qizil rangga bo'yab qo'ysak, bu o'zgarishlar bizning CSS faylimiz ulangan barcha minglab HTML sahifalariga qo'llaniladi. Bu juda qulay va tez.
Still fayllari formati .css bo'lishi kerak. Bunday faylni HTML sahifasiga ulash uchun head tegda shunday strukturani yozish kerak.
<link rel="stylesheet" href="fileNomi.css">
Quyidagi misolda styles.css CSS fayli bizning HTML faylimizga ulangan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bu sayt sarlavhasi</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>
Bu paragraf yozuvi
</p>
</body>
</html>