Świat w kodzie: CSS

Hello World!
Najpopularniejsze słowa jeśli chodzi o m.in. poradniki.

Ale do rzeczy. Dzisiaj utworzymy nasz plik CSS (w naszym wypadku będziemy starać się pisać zgodnie z CSS3).

Klikamy Plik > Nowy lub ctrl + n.

Następnie wybieramy Składnia > C > CSS .
Mamy już nasz dokument CSS tzn. stylesheet.

Pierwsze co robimy to:

body {

background: #222222 url(images/tlo.jpg);

margin: 0;

color: #ffffff;

font-family: Tahoma;

font-size: 12px;

}

Wyjaśnienie:

body {
- informuje o tym że tag (w html) <body>, a dokładniej jego wygląd będzie właśnie "opisany". "{" otwieramy tą klamrą "opis" naszego tagu.

background: #222222 url(images/tlo.jpg);
- background (czyli tło) informuje że tło będzie w kolorze "#222222" (możemy zapisać również jako #222, ponieważ kod naszego koloru to same "2" lecz nie możemy zapomnieć o "#" przed kodem koloru. Możemy również napisać angielską nazwę koloru np. grey (szary). Następnie widzimy "url(images/tlo.jpg) co informuje, że na naszej stronie będzie znajdować się tło, które znajduje się w podfolderze images o nazwie tlo.jpg (zalecam stosowanie jpg'ów ponieważ zajmują mało miejsca, rozszerzenie .png zalecane jest, gdy mamy obrazek z fragmentem przeźroczystości). Tło obrazkowe jest standardowo powielane. Aby temu zapobiec dodajemy następujący wiersz:

background-repeat: wartość;

Mamy następujące wartości:

no-repeat - brak powatarzania

repeat-x - powtarzanie poziome

repeat-y - powtarzanie pionowe

Jeśli chcemy zastosować sam kolor usuwamy "url(images/tlo.jpg)" (nie usuwać ";"), a jeśli chcemy zostawić samo tło to usuwamy "#222222".

; - informuje o zakończeniu bieżącego wiersza

margin: 0;
- informuje o zerowym marginesie, dzięki temu nie będzie nasza strona odstawać od górnej części strony

color: #ffffff;
- informuje o domyślnym kolorze czcionki

font-family: Tahoma;
- informuje o standardowej czcionce używanej na naszej stronie

font-size: 12px;
- informuje o standardowej wielkości czcionki (tu 12px)

} - zamknięcie naszej komendy body

Nasz kod CSS wygląda więc następująco