CSS nədir və necə bağlanır
CSS (Cascading Style Sheets) HTML-in görünüşünü idarə edir. Qayda selektor { xüsusiyyət: dəyər; } şəklindədir. CSS üç yolla bağlanır: sətir daxili (style atributu), daxili (<style> teqi) və xarici fayl (<link rel="stylesheet" href="style.css">). Xarici fayl ən yaxşı təcrübədir.
Şərh /* ... */ ilə yazılır.
Selektorlar
Element (p), class (.kart), id (#menyu), universal (*), qrup (h1, h2), nəsil (div p — hər dərinlikdə), birbaşa uşaq (div > p), qonşu (h1 + p), sonrakı bütün qardaşlar (h1 ~ p), atribut ([type="text"]) selektorları var.
Psevdo-siniflər elementin vəziyyətini seçir: :hover, :focus, :first-child, :nth-child(2n), :not(). Psevdo-elementlər elementin hissəsini seçir: ::before, ::after, ::first-line, ::first-letter (ikiqat iki nöqtə ilə).
Kaskad, spesifiklik və miras
Eyni elementə bir neçə qayda uyğun gələndə qalib spesifikliyə görə müəyyən olunur: sətir daxili stil > id > class/atribut/psevdo-sinif > element/psevdo-element. Spesifiklik bərabərdirsə, sonra yazılan qayda qalib gəlir. !important hamısını üstələyir, lakin tövsiyə olunmur.
Miras: color, font-family, font-size, line-height, text-align kimi xüsusiyyətlər uşaq elementlərə ötürülür; margin, padding, border ötürülmür. inherit, initial, unset açar sözləri də var.