Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik
CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .
Selektory CSS3 html5 i css podstawowe selektory
Selektory CSS3 html5 i css podstawowe selektory
Selektory CSS3 - Czcionka:
1. Wielkość - selektor { font-size: rozmiar }
2. Rodzaj - selektor { font-family: rodzaj, rodzaj1, rodzaj2,... }
3. Styl - selektor { font-style: styl }
Selektory CSS3 - Tekst:
1. Kolor: - selektor { color: kolor }
2. Dekoracja - selektor { text-decoration: dekoracja }
3. Wyrównanie - selektor { text-align: wyrównanie }
Selektory CSS3 - Tło:
1. Kolor - selektor { background-color: kolor }
2. Tło obrazkowe - selektor { background-image: url(ścieżka dostępu do obrazka) }
3. Powtarzanie - selektor { background-repeat: powtarzanie }
repeat - powtarzanie tła w obydwu kierunkach (domyślnie)
repeat-x - powtarzanie tła tylko w kierunku poziomym
repeat-y - powtarzanie tła tylko w kierunku pionowym
no-repeat - brak powtarzania tła (zostanie wyświetlone jako pojedynczy obrazek)
Selektory CSS3 - Marginesy:
górny prawy dolny lewy { margin: rozmiar rozmiar rozmiar rozmiar }
Rozmiar trzeba podać konkretną wartość w jednostkach długości np. pixelach.
Wewnętrzne dopełnienie:
górny prawy dolny lewy { padding: rozmiar rozmiar rozmiar rozmiar }
Za rozmiar należy podać konkretną wartość w jednostkach długości np. pixelach.
Selektory CSS3 - Obramowanie:
1. Styl - selektor { border-style: styl }
Styl – najczęściej stosowane:
hidden - ukryte obramowanie
dashed - linia kreskowa
dotted - linia kropkowa
solid - linia ciągła
inset - "ramka"
outset - "przycisk
2. Grubość obramowania - selektor { border: rozmiar }
Za rozmiar należy podać konkretną wartość w jednostkach długości np. pixelach.
3. Szerokość obramowania - selektor { border-width: szerokość }
Szerokość - przykłady:
thin - cienkie obramowanie
medium - średnie obramowanie
thick - grube obramowanie
lub konkretną wartość w jednostkach długości
4. Kolor obramowania - selektor { border-color: kolor }
Za kolor podstawiamy kolor, np. w zapisie szesnastkowym lub po angielsku.
Wykaz wszystkich selektorów można znaleźć m.in. na stronie: https://developer.mozilla.org/ gdzie znajduje się wykaz pełnych referencji CSS.
Zobacz w menu podobne artykuły do: Selektory CSS3 html5 i css podstawowe selektory