#CSS #HTML #Frontend #WebDasturlash #LearnToCode #WebDesign #Dasturlash
Darsni davom ettiramizโฆ
Agar veb-sahifangiz odamlarni jalb qiluvchi boโlishini istasangiz, CSS dan foydalanishingiz kerak! Bugun CSS nima ekanligi va qanday ishlatilishini oโrganamiz.
๐ CSS Nima?
CSS (Cascading Style Sheets) โ bu veb-sahifaning dizaynini belgilovchi uslublar toโplami.
๐น HTML โ veb-sahifaning skeleti
๐น CSS โ sahifaning dizayni
โ โ โ โ โ โ โ โ โ
๐จโ๐ป CSS Qanday Ishlatiladi?
CSS kodini uch xil usulda yozish mumkin:
1๏ธโฃ Inline CSS (HTML teglari ichida yozish)
โ Tez ishlaydi, โ lekin kod tartibsiz boโlib ketishi mumkin.
โ โ โ โ โ โ โ โ โ
2๏ธโฃ Internal CSS (HTML faylning
โ HTML bilan bir joyda, โ lekin kod oโsib ketgan sari qiyinlashadi.
โ โ โ โ โ โ โ โ โ
3๏ธโฃ External CSS (Alohida .css faylda yozish)
Keyin uni HTML faylga ulaymiz:
โ Eng toza va katta loyihalar uchun eng yaxshi usul!
โ โ โ โ โ โ โ โ โ
๐ CSS Qanday Foyda Keltiradi?
โ๏ธ Veb-sahifani chiroyli va zamonaviy qiladi
โ๏ธ Kodni tartibli va oโzgartirishga qulay qiladi
โ๏ธ Bir CSS fayl bilan bir nechta HTML sahifalarni boshqarish mumkin
โฎ Avvalgi postda "HTML jadval (Table) yaratish" mavzusi yoritilgan!
โญ Keyingi postda "CSS ranglar va fon (Background) bilan ishlash" yoritiladi!
๐ @absJavaScript | #JaSc@absJavaScript
8. CSS Asoslari โ Veb-sahifalarni Chiroyli Qilish
Agar veb-sahifangiz odamlarni jalb qiluvchi boโlishini istasangiz, CSS dan foydalanishingiz kerak! Bugun CSS nima ekanligi va qanday ishlatilishini oโrganamiz.
๐ CSS Nima?
CSS (Cascading Style Sheets) โ bu veb-sahifaning dizaynini belgilovchi uslublar toโplami.
๐น HTML โ veb-sahifaning skeleti
๐น CSS โ sahifaning dizayni
โ โ โ โ โ โ โ โ โ
๐จโ๐ป CSS Qanday Ishlatiladi?
CSS kodini uch xil usulda yozish mumkin:
1๏ธโฃ Inline CSS (HTML teglari ichida yozish)
<p style="color: blue; font-size: 18px;">Bu koโk rangdagi matn.</p>
โ Tez ishlaydi, โ lekin kod tartibsiz boโlib ketishi mumkin.
โ โ โ โ โ โ โ โ โ
2๏ธโฃ Internal CSS (HTML faylning
<style> qismida yozish)<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>CSS Misol</title>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>Bu qizil rangdagi matn.</p>
</body>
</html>
โ HTML bilan bir joyda, โ lekin kod oโsib ketgan sari qiyinlashadi.
โ โ โ โ โ โ โ โ โ
3๏ธโฃ External CSS (Alohida .css faylda yozish)
style.css faylini yaratamiz:p {
color: green;
font-size: 22px;
} Keyin uni HTML faylga ulaymiz:
<link rel="stylesheet" href="style.css">
โ Eng toza va katta loyihalar uchun eng yaxshi usul!
โ โ โ โ โ โ โ โ โ
๐ CSS Qanday Foyda Keltiradi?
โ๏ธ Kodni tartibli va oโzgartirishga qulay qiladi
โ๏ธ Bir CSS fayl bilan bir nechta HTML sahifalarni boshqarish mumkin
โฎ Avvalgi postda "HTML jadval (Table) yaratish" mavzusi yoritilgan!
โญ Keyingi postda "CSS ranglar va fon (Background) bilan ishlash" yoritiladi!
๐ @absJavaScript | #JaSc@absJavaScript
โคโ๐ฅ2๐ฅ2โก1