CSS (ing. Cascading style sheets, uzb. Kaskadlangan stillar jadvali) — bu belgilash tilidan foydalanib yozilgan hujjatlarning ko’rinishini tasvirlash uchun ishlatiladigan rasmiy til hisoblanadi.

U asosan HTML va XHTML belgilash tillari yordamida yozilgan veb-sahifalarning ko’rinishini tasvirlash va loyihalash vositasi sifatida ishlatiladi, ammo har qanday XML hujjatlariga, masalan, SVG yoki XUL-ga ham qo’llanilishi mumkin.

CSS-dan foydalanish:

CSS veb-sahifa yaratuvchilari tomonidan ranglar, shriftlar, alohida bloklarning tartibini va ushbu veb-sahifalarning paydo bo’lishining boshqa jihatlarini belgilash uchun ishlatiladi. CSS-ni ishlab chiqishning asosiy maqsadi veb-sahifaning (HTML yoki boshqa belgilash tillari yordamida ishlab chiqarilgan) mantiqiy tuzilishining tavsifini ushbu veb-sahifa (hozir rasmiy CSS tili yordamida ishlab chiqarilgan) tashqi ko’rinishi tavsifidan ajratish edi. Ushbu ajratish hujjatning mavjudligini oshirishi, ko’proq moslashuvchanligi va taqdimotni boshqarish qobiliyatini ta’minlab, shuningdek tarkibiy tarkibdagi murakkablik va takrorlanuvchanlikni kamaytirishi mumkin.

CSSdan foydalanish usullari:

CSS qoidalari rasmiy CSS tilida yozilgan. Qoidalar veb-hujjatning o’zida ham, tashqi ko’rinishi ular tasvirlab beradigan ham, shuningdek CSS formatiga ega tashqi fayllarda ham joylashtirilishi mumkin. CSS formati bu CSS qoidalari va ular haqidagi sharhlarni o’z ichiga olgan matnli fayl hisoblanadi.
CSS stillarini to’rtta usul bilan veb-hujjatga kiritilishi yoki joylashtirilishi mumkin.

  1. Stillar tavsifi alohida faylda bo’lganda, u <head> elementiga kiritilgan <link> elementidan foydalanib hujjatga ulanishi mumkin:

<!DOCTYPE html>

<

html

>

   <

head

>

      .....

     <

link

 rel="stylesheet" type="text/css" href="style.css">

   </

head

>

   <

body

>

      .....

   </

body

>

</

html

>

2. Agar stil jadvallari ota hujjatdan alohida joylashtirilsa, u hujjatga <style> elementidagi @import ko’rsatmasi bilan ulanishi mumkin:

<!DOCTYPE html>

<

html

>

   <

head

>

      .....

      <

style

 media="all">

         @

import

 

url

(

style

.

css

);

      </

style

>

   </

head

>

</

html

>

3. Hujjat ichida stillar tavsiflanganda, ular <head> elementiga kiritilgan <style> elementiga kiritilishi mumkin.

<!DOCTYPE html>

<

html

>

   <

head

>

      .....

      <

style

>

         

body

 { 

            

color

red

;

         }

      </

style

>

   </

head

>

   <

body

>

      .....

   </

body

>

</

html

>

4. Hujjat ichidagi elementning attributi sifatida kiritilishi mumkin:

<!DOCTYPE>

<

html

>

   <

head

>

      .....

   </

head

>

   <

body

>

      <

p

 style="font-size: 20px; color: green; font-family: arial, helvetica, sans-serif">

         .....

      </

p

>

   </

body

>

</

html

>