[wygląd strony] Jak zrobić plik CSS?

[Krzysztof Wostal]

Szanowni Państwo!

Przeczytałem dzisiaj artykuł: "Mój pierwszy layout" pod adresem:
http://www.webinside.pl/webstandards/artykuly/205
i bardzo mi się podobał, głównie dlatego, że wreszcie zaczynam rozumieć "<DIV>".
Jestem osobą niewidomą i trudno mi byłoi do tej pory to pojąć, nie widząc tego. Artykuł wiele mi wyjaśnił, choć oczywiście mam jeszcze wątpliwości i wiele będę musiał się nauczyć.
Mam na wstępie kilka problemów, które nie wiem jak rozwiązać. Chodzi o plik "*.CSS", w którym nie wiem, gdzie wstawić deklaracje wyglądu takich elementów strony jak: "Hx", "P", "UL", "a" itp. Nie wiem też, jak spowodować, by logo serwisu było zawsze po lewej stronie, a napisana treść, zmieniała się po nacisnięciu odsyłacza menu - czy jest tak jak w przypadku ramek?
Moje pytania są pewnie banalne i metodą prób i błędów można by na nie odpowiedzieć, jednakże nie widząc, nie jestem w stanie ocenić rezultatów moich prób. Chciałbym się nauczyć używania "DIV". Do tej pory tworzyłem stronę w oparciu o ramki.
Czy mogę prosić o ewentualne wskazówki, gdzie w języku polskim mogę znaleźć odpowiedzi na moje pytania.
Poniżej zamieszczam kod, który był w artykule, a który przerobiłem, ale jakoś mnie to nie przekonuje. Jestem przyzwyczajony do serwisu opartego na ramkach i stąd chyba kłopoty z dokładnym tego wyobrażeniem sobie.

<początek kodu CSS>

body {
text-align: center;
margin: 0;
padding: 0;
background: #000080;
}

div#glowny {
text-align: left;
width: 600px;
margin: 0 auto;
padding: 0;
background: #000080 url('Media/przyciski.gif') repeat-y;
}

div#top {
height: 80px;
background: #FFFF00;
}

div#top h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFFF00;
background-color: #FF0000;
text-align : center;
font-weight: bolder; }
margin: 0 40px;
}

div#tresc {
width: 400px;
float: right;
margin: 0;
}

div#tresc * {
margin: 10px 40px;
}

div#tresc p, div#menu p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
margin: 10px 40px;
}

div#stopka p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFF00;
margin: 0 40px;
}

div#menu {
width: 170px;
float: left;
}

div#stopka {
height: 1.4em;
clear: both;
background: #FF0055;
}
<koniec kodu CSS>

Z góry bardzo dziękuję za pomoc.
Pozdrawiam - Krzysztof Wostal.

--
Garść informacji o niewidomych i słabowidzących:
http://www.informator-onis.xu.pl
http://www.informator-onis.w.pl

[lolek]

Jeśli ten przykład ma być sam w sobie przykładem, to w div#top trzeba usunąć
height: 80px i wtedy dopiero będzie dobrze