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:

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

 

<
  • DANE ADRESOWE

     

    w czym mogę pomóc?

    biuro(at)gddm.com.pl

    Zd Wola Paprocka 86

    znajdź mnie na Youtube

  • PROGRAMOWANIE

     

    JavaScript HTML CSS

    jQuery jQuery Mobile

    node.js React Angular

    ES6 babel rollup karma

  • GRAFIKA ANIMACJA

     

    grafika na strony www

    grafika reklamowa

    animacja 2D i 3D

    grafika 2D i 3 D

  • DORADZTWO

     

    doradztwo IT

    doradztwo biznesowe

    usługi IT

    analizy biznesowe i IT

  • SZKOLENIA

     

    technologie IT

    marketing

    zarządzanie

    projekty metodologia

>