Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik

CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .

kurs tworzenie witryn www
szkolenie technik informatyk programista inf.03 ee.09 inf.04 egzamin przygotowanie

 

Selektory CSS3 html5 i css podstawowe selektory

flag language

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:

Selektory CSS Tworzenie responsywnych mobilnych stron www szkolenie poradnik

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

 

Polski

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym