W poprzedniej lekcji dowiedziałeś się, jak wykorzystywać podstawowe znaczniki formatowania.
W tej lekcji dowiesz się jak w prosty i szybki sposób dodać podstawowe style CSS. Są to podstawowe informacje na temat stylów. Zdecydowanie więcej na temat nadawania wyglądu stronie dowiesz się w kolejnym kursie.
Atrybut style
Style CSS można dodawać na trzy sposoby. W tej lekcji poznasz dodawanie stylów liniowych (ang. inline style).
Do nadawania stylów, wykorzystywany jest atrybut style
. Posiada on następującą składnię:
<nazwaTagu style="właściwość:wartość"></nazwaTagu>
Wyrównanie
Do wyrównania tekstu w poziomie, służy właściwość text-align
. Może ona przyjmować następujące wartości:
- left
- right
- center
- justify
Rozmiar czcionki
Do zmiany rozmiaru czcionki służy właściwość font-size. Wielkość czcionki można określać różnymi jednostkami. Jednostki te można podzielić na względne i bezwzględne. W tej lekcji, będziemy wykorzystywać jednostkę bezwzględną, jaką jest piksel (px
).
Czcionka
Do zmiany kroju czcionki służy właściwość font-family
).
Kolor tła
Do zmiany koloru tła służy właściwość background-color
lub background
. Ta druga właściwość posiada nieco większe możliwości, bo może ustawiać jako tło kolor lub obraz.
Kolor tekstu
Do zmiany koloru tekstu służy color
.
W tej lekcji poznałeś kilka podstawowych stylów CSS. Pamiętaj jednak, że nie są to wszystkie style jakie można wykorzystywać. Wraz z kolejnymi lekcjami poznasz kolejne.