Box model
Hər HTML element qutudur. İçdən xaricə: content (məzmun), padding (daxili boşluq), border (haşiyə), margin (xarici boşluq). Standart box-sizing: content-box halında width yalnız məzmunun enidir; ümumi en = width + padding + border. box-sizing: border-box halında width padding və border-i də daxil edir.
Qısa yazılış: margin: 10px 20px 30px 40px; üst, sağ, aşağı, sol (saat əqrəbi istiqamətində). İki dəyər: üst-aşağı və sol-sağ. margin: 0 auto; eni verilmiş blok elementi üfüqi mərkəzləşdirir. Şaquli margin-lər bəzən birləşir (margin collapse).
Display və position
display: block, inline, inline-block, none (element yox olur, yer tutmur), flex, grid. visibility: hidden elementi gizlədir, lakin yerini saxlayır.
position: static (standart), relative (öz yerinə görə), absolute (ən yaxın positioned valideynə görə), fixed (görünüş sahəsinə görə), sticky (sürüşdürəndə yapışır). top/right/bottom/left və z-index (qat sırası) bu xüsusiyyətlərlə işləyir. overflow məzmun qutudan çıxanda davranışı idarə edir (visible, hidden, scroll, auto).
Rəng və tipoqrafiya
Rənglər ad (red), HEX (#ff0000), rgb(255,0,0), rgba() və hsl() ilə verilir. color mətn rəngi, background-color fon rəngidir. Vahidlər: px, em (valideynin şrift ölçüsünə görə), rem (kök elementin ölçüsünə görə), %, vw, vh.
font-family (ehtiyat şriftlərlə), font-size, font-weight (400 normal, 700 qalın), line-height, text-align, text-decoration, text-transform xüsusiyyətləri mətni idarə edir. border-radius künclərini yumrulayır, box-shadow kölgə verir, transition hamar keçid yaradır.