CSS qanday qo‘shiladi

Brauzer stillar jadvalini o‘qiganda, HTML hujjatni stillar jadvalidagi ma’lumotlarga muvofiq formatlaydi.

Stillar jadvalini qo‘shishning uchta usuli bor:

Tashqi CSS - tashqi .css fayliga havola
Ichki CSS — head bo‘limida <style> elementidan foydalanish
Inline CSS — HTML elementlarida style atributidan foydalanish

Tashqi CSS

Tashqi stillar jadval bilan butun sayt ko‘rinishini shunchaki bitta faylni o‘zgartirish bilan o‘zgartirishingiz mumkin!

Har bir HTML sahifa head bo‘limi ichida, <link> elementi orqali tashqi uslublar jadvali fayliga havolani o‘z ichiga olishi kerak.

Misol

Tashqi uslublar HTML sahifaning <head> bo‘limi ichida, <link> elementi orqali belgilanadi:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

O‘zingiz sinab ko‘ring »

Tashqi uslublar jadvali istalgan matn muharririda yozilishi va .css kengaytmasi bilan saqlanishi kerak.

Tashqi .css faylida hech qanday HTML tegi bo‘lmasligi kerak.

Mana "mystyle.css" faylining ko‘rinishi:

"mystyle.css"

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}

Eslatma: Xossa qiymati (20) va birlik (px) orasiga bo‘shliq qo‘shmang: Noto‘g‘ri (bo‘shliq bilan): margin-left: 20 px; To‘g‘ri (bo‘shliqsiz): margin-left: 20px;

Video: HTML’ga CSS qanday qo‘shiladi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish