CSS Kirish(Introduction)

CSS - bu veb-sahifani stil qilish uchun ishlatiladigan til.

CSS Kirish

CSS - bu veb-sahifani stil qilish uchun ishlatiladigan til.

CSS nima?

  • CSS - Cascading Style Sheets (Kaskadli Stil Jadvallari) degan ma'noni anglatadi.
  • CSS HTML elementlarining ekranda, qog'ozda yoki boshqa media turlarida qanday ko'rsatilishini tasvirlaydi.
  • CSS ko'p ishni tejaydi. Bir nechta veb-sahifalarning maketini birdaniga boshqarishi mumkin.
  • Tashqi stil jadvallari CSS fayllarida saqlanadi.

CSS Demo - Bir HTML Sahifa - Bir nechta Stillar!

Bu yerda bitta HTML sahifa to'rt xil stil jadvallari bilan qanday ko'rinishini ko'rsatamiz. Quyidagi "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" havolalarini bosib, turli xil stillarni ko'rishingiz mumkin:

Nima uchun CSS ishlatiladi?

CSS veb-sahifalar uchun dizayn, maket va turli qurilmalar va ekran o'lchamlariga mos ravishda ko'rsatish variantlarini aniqlash uchun ishlatiladi.

CSS Misol

body {
  background-color: lightblue;
}
 
h1 {
  color: white;
  text-align: center;
}
 
p {
  font-family: verdana;
  font-size: 20px;
}

CSS katta muammoni hal qildi

HTML hech qachon veb-sahifani formatlash uchun teglarga ega bo'lishni nazarda tutmagan edi!

HTML sahifaning mazmunini tasvirlash uchun yaratilgan, masalan:

<h1>Bu sarlavha</h1>
 
<p>Bu paragraf.</p>

HTML 3.2 spetsifikatsiyasiga <font> kabi teglar va rang atributlari qo'shilganida, bu veb-ishlab chiquvchilar uchun haqiqiy dahshatga aylandi. Katta veb-saytlarni rivojlantirish, har bir sahifaga shrift va rang ma'lumotlarini qo'shish, uzoq va qimmat jarayonga aylandi.

Bu muammoni hal qilish uchun, Jahon O'rgimchak To'ri Konsortsiumi (W3C) CSS ni yaratdi.

CSS uslub formatini HTML sahifasidan olib tashladi!

Agar HTML nima ekanligini bilmasangiz, bizning HTML darsligimizni o'qishni tavsiya qilamiz.

CSS ko'p ishni tejaydi!

Uslub ta'riflari odatda tashqi .css fayllarida saqlanadi.

Tashqi stil jadvallari fayli bilan, faqat bitta faylni o'zgartirish orqali butun veb-sayt ko'rinishini o'zgartirishingiz mumkin!

Ushbu sahifada

GitHubda tahrirlash