body{									/*znaczniki dotycz±ce całego ciała strony - głównego kontenera, oprócz elementów, w których zostały te wła¶ciwo¶ci przysłonięte*/
background: url("http://phoenixdz.ovh.org/own/tlo_w2.jpg");		/*definicja tła*/
font-family: Verdana,Tahoma;						/*rodzaj czcionki, kolejno¶ć wybierania...*/
font-size: 11px;							/*...jej rozmiar...*/
color:#5B5B5B;								/*...i kolor.*/
text-align: center;							/*Pozycjonowanie tekstu na stronie - wyśrodkowane*/
margin-top: 0px;							/*Wyzerowanie marginesów, które w innym przypadku IE bierze sobie z sufitu*/
padding-top: 0px;
}

a { 									/*blok definiuj±cy style odsyłaczy...*/
text-decoration: none;							/*zlikwidowanie podkre¶lenia w odno¶nikach*/
font-weight: 800;							/*pogrubienie*/
color: #5B5B5B;
font-size: 9px;}
a:hover {								/*Odsyłacze aktywne, po najechaniu myszką */
color: dark-green;
text-decoration: bolid;}

#div1 {									/*Pierwszy kontener, w którym umieszczamy kolejne dla stworzenia struktóry strony, wydzielony blok, klasa, w obrębie której definiujemy inny styl*/
width: 745px;								/*Jego szerokość, nie podanie wysokości powoduje jego skalowanie wg potrzeb.*/
margin: auto;
margin-top: 23px;							/*Ustawienie górnego marginesu dla kontenera z zewnątrz*/
padding: 2px;								/*Margines kontenera wewnątrz*/
text-align: center;
background: #fff;							/*Kolor tła*/
border: 3px #5B5B5B solid;						/*Obramowanie kontenera w podanym kolorze i grubości 3px*/
-moz-border-radius-topleft: 15px;					/*Kilka prostych komend, sprawiających w łatwy sposób zaokrąglanie rogów obramowania, widoczne w Mozilli, szkoda, że tylko*/
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
/* filter: alpha(opacity=60);					*//*przeźroczystość 40% dla IE*/
/* opacity: 0.6;							*//*przeźroczystość dla innych przeglądarek ;) */
}

#div2 {									/*Kolejny blok umieszczony wewnątrz popzedniego*/
width: 745px;
height: 124px;
margin: auto;
padding-top: 10px;
margin-bottom: 5px;
}

#bann {
position: relative;
width: 300px;
height: 164px;
float: left;								/*pozycjonuje diva względem innych i pozwala na umieszczenie innych w tej samej linii*/
margin-top: -40px;
margin-left: -40px;
background: url("http://phoenixdz.ovh.org/own/logo2.gif");
background-repeat: no-repeat;						/*Nie powtarzane tło, wyświetlane jedynie raz*/
}

#bann2 {
background: url("http://phoenixdz.ovh.org/own/logos1.jpg");
width: 414px;
height: 35px;
font-size: 14px;
text-align: left;
color: #fff;
float:left;
padding-top: 88px;
margin-top: 0px;
background-repeat: no-repeat;
}

#menu {
margin-left: 0px;
background: url("http://phoenixdz.ovh.org/own/tlo2.png");
height: 21px;
margin-right: 0px;
padding-right: 0px;
width: 745px;
margin: 0px;
line-height: 20px;							/* */
}

#main {
width: 660px;
float: left;
font-family: Cursive, tahoma, helvetica, arial, times, Verdana;
font-size: 12px;
text-align: left;
margin: 2px;
margin-left: 5px;
}

#foot {									/*Kontener umieszczony jedynie w body, nie zamieszczony wewnątrz poprzednich. Tak też można jeśli jest potrzeba, a co! ;) */
clear: both;								/* */
width: 760px;
text-align: right;
padding-right: 25px;
margin: 0 auto;
font-size: 9px;
color: #888888;
}

#prawa {
width: 55px;
float: right;
padding: 3px;
padding-top: 5px;
margin-right: 2px;
text-align:right;
}
body>#prawa {							/*sprawia, że pod mozillą coś jest nieruchome względem okna przeglądarki, czyli przesuwa się w wraz z suwakiem okna.*/
 position: fixed;
}

#stat {
position: absolute; left: -160px;   /*Kod do statystyk być na tronie musi. To niech sobie będzie. Ale po co mają baner reklamowy inni ludzie widzieć? Niech będzie wyświetlany poza ekranem ;D */
}

#map {
margin: auto;
text-align: center;
width: 160px;
height: 83px;
background: url("http://www4.clustrmaps.com/counter/index2.php?url=http://phx.ownlog.com");
border: none;
}

b {color: #f85006;}							/*Definicja koloru tekstu ujętego w znacznik pogrubienia*/


/*		**NIE UŻYTE W TYM STYLU PRZYDATNE ZNACZNIKI:**

A:visited 							-odwiedzone odsyłacze
P {								-selektor akapitu
 text-indent: 30;}							-wcięcie pierwszej linii tekstu
TD {								-znacznik niewyróżnionych komórek tabeli
H4 {								-blok stylu dla selektora nagłówka o rozmiarze 4
display:inline;							-wyświetlanie w linii
border-right: solid 1px white;					-ramka tylko z jednej strony - prawej
position: absolute; top: 180px; left: 53;			-pozycja, współrzędne nowego bloku lub znacznika
background-attachment: fixed;					-nieruchome tło podczas przewijania tre¶ci
div#main TD {							-definicja selektora TD dla bloku main, można tak zmieniać właściwości każdego znacznika niezależnie od kontenerów nadrzędnych
scrollbar-face-color: #ddd;					-zdefiniowany kolor ewentualnych suwaków, niestety działa tylko w IE
leight:50%;							-długo¶ć, można ustawiać w %, px, czy wielu innych skalach
P:before { content: "POCZĄTEK "; color: red }			-stałe elementy przed znacznikiem
P:after { content: " KONIEC"; color: red }			-To co wyżej, ale po
background-repeat-x:						-powtarzanie obrazka po wsp. X
background-position:						-pozycja obrazka, można oddzielać spacją


div#logo {
}								-psełdo dziedziczenie
	div#logo #logo1 {

Używam wszędzie identyfikatorów jak np. #foot. W dokumencie html można każdego użyć jedynie raz. Jeżeli chciałbym jakiegoś użyć
więcej razy, to powinienem tworzyć klasy, czyli wywoływać je np: <div class="foot"> w dokumencie.
			WIĘCEJ NP NA:  http://www.kurshtml.boo.pl/
http://www.alistapart.com/articles/slidingdoors/
*/