selektory

Selektor elementu Selektor {własciwość:wartość}

Selektor typu – podstawowy selektor Słuzy do definiowania formatowania znaczników P{color:blue} Ćw 2

Selektor uniwersalny pasujacy do wszystkich znaczników * { font family:arial } cw1

Selektor potomka Przy użyciu selektora potmka można formatować elementy które są zawarte wewnątrz innych znaczników np. header h1 {color:silver} Ćw 3

Selektor dziecka rodzic>dziecko {własciwość:wartość} header>h1 {color:red}  Oznacza bezpośredni związek miedzy elementami Ćw 4

Selektor braci Dla elementów znajdujacych się w tym samym rzedzie w herarchii można zdefiniować selektor braci brat1+brat2 {własciwość:wartość} Ćw 5

Selektor atrybutu Selektor [atrybut=”wartość”] {własciwość:wartość} lub [atrybut=”wartość”] {własciwość:wartość}

Selektor specjalny Selektor klasy selektor. klasa {własciwość:wartość}. klasa {własciwość:wartość} Cw 7

Selektor identyfikatora selektor #identyfikator {własciwość:wartość} #identyfikator{własciwość:wartość} Cw 9

Selektor pseudoklas

Selektory pseudoklas Selektory pseudoklas umożliwiają wyróżnienie odsyłaczy Wygląd odsyłaczy zależny od jego aktualnego stanu

Odsyłacz podstawowy (pseudoklasa:link) używany do nadania wygladu odsyłaczowi który nie zostal odwiedzony

Odsyłacz podstawowy a:link {właściwość:klasa} Lub a.klasa:link {właściwość:klasa}

Odsyłacz odwiedzony (pseudoklasa:visited) Wykorzystywany do nadania wyglądu odsyłaczowi, który był wcześniej kliknięty (informacja ta znajduje się w pamięci przeglądarki)

Odsyłacz odwiedzony a:visited {właściwość:klasa} Lub a.klasa:visited {właściwość:klasa}

Wskazanie odsyłacza myszą Pseudoklasa :hover umożliwia zdefiniowanie wyglądu odsyłacza gdy urządzenie wskazujace np. myszka znajduje się nad elementem, ale nie aktywizuje go.

Wskazanie odsyłacza myszą a:hover {właściwość:klasa} Lub a.klasa:hover {właściwość:klasa}

Odsyłacz aktywny (pseudoklasa: active) Nadaje atrybuty formatowania odsyłaczowi który w dane chwili jest aktywny

a:active {właściwość:klasa} Lub a.klasa:active {właściwość:klasa}

Kolejność deklarowania w arkuszu stylów pseudoklas przypisanych do odsyłaczy ma znaczenie dla prawidłowego działania

Prawidłowa kolejność a:link {właściwość:klasa} a:visited {właściwość:klasa} a:hover {właściwość:klasa} a:active {właściwość:klasa}

Selektor pseudoelementów Pierwsza linia selektor:first-line {właściwość:klasa} selektor:first-letter{właściwość:klasa}

Stwórz stronę internetową (witrynę) o stałej szerokości 960 px z jedną kolumną z menu, nagłówkiem header i stopka footer dot. Poznanych selektorów. Postaraj się wykorzystać jaknajwiecej poznanych na lekcji wiadomości typu: Grupowanie selektorów Nowe właściwości Listy zagnieżdżone, tabele, nowe znaczniki Arkusze stylów wewnętrzny zewnetrzny lokalny Tworzenie kotwic Klasy, identyfikatory Różne rodzaje adresowania – np. odsyłacze do innych stron Max 10 pkt.