Pozycjonowanie	Pozycjonowanie -> pozwala zdefiniować położenie elementów na stronie internetowej. Elementy można rozmieszczać nie tylko względem brzegów strony, ale również względem jej poszczególnych elementów. Można rozmieszczac elementy tak, że jeden będzie przykrywał inny
	Do pozycjonowania służy atrybut position selektor{ position: rodzaj; parametry; }
1	Pozycjonowanie relatywne
	Można przesunąć wybrany element w stosunku do naturalnego pozycjonowania elementów. Można łączyć kierunki, czyli jednocześnie ustawić odległość od na przykład lewej i górnej krawędzi.
	selektor {position: relative; kierunek: wielkość;}
	np. selektor {position: relative; left: 10px; top: 10px;}
2	Pozycjonowanie absolutne
	Dzięki temu poleceniu można przesunąć wybrany element w stosunku do wybranych krawędzi strony lub też nadrzędnego elementu tworzącego blok. Będzie to nie zależne odinnych elementów, a także od miejsca wpisania reguły w dokumencie.
	selektor {position: absolute; kierunek: wielkość;}
	np. selektor {position: absolute; left: 10px; top: 10px;}
3	Pozycjonwanie statyczne
	Dzięki temu poleceniu można przywrócić naturalne pozycjonowanie elementów oparte na kolejności występowania w dokumencie HTML. Podanie jakiejkolwiek odległości nie ma żadnego wpływu na pozycję elementu. Składnia reguły: selektor {position: static;}
	Kolejność nakładania (warstwy nakładające się) rodzaj: "relative" - pozycjonowanie relatywne "absolute" - pozycjonowanie absolutne "fixed" - pozycjonowanie ustalone kolejność: liczba określającą kolejność, kolejność rośnie wraz z numeracją element z najmniejszą liczbą będzie na samym spodzie "auto" - przywraca naturalną kolejność Dzięki temu poleceniu można ustalić kolejność nakładania się elementów. W normalnym stanie elementy nakładają się w kolejności wpisywania do dokumentu HTML. Można to zmienić wstawiając własną kolejność. Kolejność nakładania dotyczy elementów pozycjonowanych.
	Składnia reguły: selektor {position: rodzaj; kierunek: wielkość; z-index: kolejność;}
4	Przycinanie elementu
	Dzięki temu poleceniu można przyciąć element z czterech stron: od góry, prawej strony, od dołu i od lewej strony. Możliwe jest to tylko przy position: absolute;. Przycięty fragment może być tylko prostokątem. współrzędne: punkty, od których element będzie przycięty, współrzędne liczone są od lewego górnego rogu, podaje się je w odpowiedniej kolejności: góra - prawo (dwie liczby)br oraz dół - lewo(dwie liczby).
	Składnia reguły: selektor {position: absolute; clip: rect(wartości określają rogi prostokąta: górny-prawy i dolny-lewy.);}
	np. selektor {position: absolute; clip: rect(10px 100px 10px 10px);}
5	Ułożenie w pionie
	Wyraz selektor ma zastosowanie do elementów wyświetlanych w linii lub do komórek w tabeli. sposób: "baseline" - wyrównuje linię bazową elementu do linii bazowej elementu nadrzędnego (domyślnie) "middle" - ustawia element na środku wysokości elementów sąsiadujących "text-top" - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego "text-bottom" - wyrównuje podstawę elementu do podstawy tekstu elementu nadrzędnego "super" - tworzy indeks górny z elementu, ale nie zmienia wielkości tekstu "sub" - tworzy indeks dolny z elementu, ale nie zmienia wielkości tekstu "top" - wyrównuje szczyt elementu do szczytu najwyższego elementu linii, w której się znajduje "bottom" - wyrównuje podstawę elementu do podstawy elementu położonego najniżej w linii, w której się znajduje wartość w jednostkach długości - przesunięcie ponad (wartości dodatnie) lub poniżej (wartości ujemne) linii bazowej wartość procentową - przesunięcie ponad (wartości dodatnie) lub poniżej (wartości ujemne) linii bazowej względem wysokości linii Dzięki temu poleceniu można ustalić pionowe wyrównanie elementów względem siebie.
	Składnia reguły: selektor {vertical-align: sposób;}
6	Ułożenie w poziomie
	kierunek: "left" - element ułożony na lewo od elementów sąsiadujących "right" - element ułożony na prawo od elementów sąsiadujących "none" - element bez elementów sąsiadujących Dzięki temu poleceniu można ustalić poziome wyrównanie elementu w stosunku do elementów sąsiadujących. Polecenie nie działa przy pozycjonowaniu absolutnym: position: absolute;.
	Składnia reguły: selektor {float: kierunek;}
7	Przyleganie elementów
	Wyraz selektor ma zastosowanie do elementów wyświetlanych w bloku. miejsce: "left" - lewa krawędź elementu nie będzie stykała się z elementem pływającym poprzedzającym "right" - prawa krawędź elementu nie będzie stykała się z elementem pływającym poprzedzającym "both" - obie krawędzie elementu nie będą stykały się z elementem pływającym poprzedzającym "none" - bez zmian (domyślnie) Dzięki temu poleceniu można ustalić położenie elementu następującego po elemencie pływającym poprzedzającym. Polecenie definiuje, która krawędź nie będzie przylegać.
	Składnia reguły: selektor {clear: miejsce;}
8	Sposób wyświetlania
	Wyraz selektor ma zastosowanie do wszystkich elementów . sposób: "block" - wyświetla jako element blokowy (domyślna) "inline" - wyświetla jako element liniowy "inline-block" - wyświetla jako element liniowy z wnętrzem blokowym "list-item" - wyświetla jako listę "none" - ukrywa element "compact" - wyświetla jako zagęszczony akapit bez odstępów "run-in" - wyświetla jako element liniowy, jeżeli następny jest element blokowy "marker" - wyświetla jako znak wykazu "table-header-group" - wyświetla jako nagłówek tabeli "table-footer-group" - wyświetla jako stopkę tabeli "table" - wyświetla jako tabelę "inline-table" - wyświetla jako tabelę "table-caption" - wyświetla jako podpis tabeli "table-cell" - wyświetla jako komórkę tabeli "table-row" - wyświetla jako rząd tabeli "table-row-group" - wyświetla jako grupę rzędów tabeli "table-column" - wyświetla jako kolumnę tabeli "table-column-group" - wyświetla jako grupę kolumn tabeli Dzięki temu poleceniu można nadać określony sposób wyświetlania, inny niż naturalny. Na przykład element wyświetlany w linii, może być wyświetlany w bloku i na odwrót.
	Składnia reguły: selektor {display: sposób;}
9	Widoczność elementu
	Wyraz selektor ma zastosowanie do wszystkich elementów . stan: "visible" - element jest wyświetlany (domyślnie) "hidden" - element jest niewidoczny, ale zajmuje miejsce "collapse" - dotyczy tabel i jest nieobsługiwany przez Internet Explorera Dzięki temu poleceniu można ukryć określony element, aby nie był wyświetlany w przeglądarce. W jego miejscu pojawia się puste pudełko.
	Składnia reguły: selektor {visibility: stan;}
10	kierunek:
	• "left" - odległość od lewej krawędzi naturalnego pozycjonowania • "top" - odległość od górnej krawędzi naturalnego pozycjonowania • "right" - odległość od prawej krawędzi naturalnego pozycjonowania • "bottom" - odległość od dolnej krawędzi naturalnego pozycjonowania
11	wielkość - jednostki miary:
	• piksele - px • punkty edytorskie - pt • wysokość litery "x" - ex • wysokość aktualnej czcionki - em • centymetry lub milimetry - cm, mm • części dziesiętne centymetra pisane z kropką np.: 0.5cm • cale - in (1in=2.54cm) • można podawać ujemne wielkości - przesunięcie będzie w przeciwną stronę
12	Przezroczystość
	selektor { opacity: liczba od 0 do 1 } 0→całkowita przezroczystość 1→ brak przezroczystości Poziom przezroczystości jest nadawany wszystkim elementom objętym przez zdefiniowany selektor.