Niedziela 19 Maj 2024r. Godz 00:00:00      
Postów: 251      

Właściwości i wartości CSS

Po selektorze jest zawsze para nawiasów klamrowych zawierających pary właściwości i ich wartości.

Nazwy właściwości są jednym słowem lub kilkoma słowami połączonymi myślnikiem.

Wiele właściwości ma swoje ogólne (skrócone) wersje, które dzielą się na bardziej szczegółowe (dłuższe). Skrócona forma pozwala ustalić komplet właściwości za jednym razem, a dłuższa forma pozwala określić tylko wybrane szczegóły.

 border-color: red green blue yellow;
 Wersja skrócona

 border-top-color: red;
 border-right-color: green;
 border-bottom-color: blue;
 border-left-color: yellow;
 Niepotrzebnie długi zapis :)

Aby zapamiętać notację wersji skróconej można pomóc sobie prostym skojarzeniem: wyobrazić sobie zegar i zaczynając od godziny 12 (top), poprzez 3 (right) iść zgodnie z ruchem jego wskazówek do 6 (bottom) i 9 (left).

Składnia wartości jest różna zależnie od właściwości, którą określa, ale zawsze używa analogicznych sposobów na ustalenie takich rzeczy, jak kolory, wielkości, pliki, itp.

Jednostkę stawia się zaraz po liczbie. Nie może być spacji między jednostką, a liczbą!

CSS pozwala określić wielkości w pikselach (px), procentach (%) oraz w wielkościach relatywnych do wielkości tekstu: em równe wysokości tekstu, ex równe wysokości litery x.

Dostępne są też, choć mało przydatne, jednostki absolutne takie jak metry i milimetry (mmm) lub cale (in), punkty (pt, 1/72 cala) i pica (pc, 12 punktów).

 1.2em, 33.33%, 120px, 4ex, 10pt