DEKLARACJE
Dodawanie deklaracji jedna po drugiej to dobry sposób na zapoznanie się z tajnikami CSS. Zacznij od pustych reguł:
body {
}
html {
}
Następnie dodawaj deklaracje po jednej i sprawdzaj efekty ich działania po otwarciu strony w przeglądarce. (Doskonale nadaje się do tego funkcja Podgląd na żywo w edytorze Brackets, dzięki której takie zmiany są od razu uwzględniane na stronie).
body {
background-color: Thistle;
}
html {
}
Ta reguła nadaje tłu strony fioletowy kolor.
body {
background-color: Thistle;
border: 2px solid Gray;
}
html {
}
A ta dodaje cienką, szarą ramkę.
Po dodaniu reguły spróbuj ją zmodyfikować. Na przykład obramowania oferują mnóstwo ciekawych opcji. Spróbuj zmienić rodzaj obramowania z solid
na dotted
albo z 2px solid
na 10px ridge
.