Думаю, в первом сообщении стоит оговорить правила, по которым буду выкладывать материал.
Не претендую на авторство, потому буду давать ссылки на те источники, откуда бралось то или иное чтиво. Это связано с дефицитом времени 
Свои соображения буду выделять каким-нибудь образом.
В общем, кому интересно из первых рук - следуйте по ссылкам /*------------РАЗДЕЛ ССЫЛОК--Начало------------*/
Первая ссылка - и самая авторитетная - это официальный портал консорциума w3c.
Именно благодаря деятельности его имеем сейчас структурированные вебовские стандарты.
Начало слизал с познавательного сайта 3К.
Добавлено (05.07.2007, 13:58)
---------------------------------------------
Вот вам еще сслыка на полезный источник:
Первые шаги в HTML и CSS
Информация старенькая, но очень и очень актуальная.
/*------------РАЗДЕЛ ССЫЛОК--Окончание----------*/
Добавлено (06.06.2007, 21:12)
---------------------------------------------
CSS.
Расшифровывается, как Cascading Style Sheet - лист каскадных стилей.
Назначение CSS
Теги html предоставляют ограниченные возможности оформления страниц. Для их расширения, в тег может быть добавлен атрибут "style", указывающий на некоторое свойство объекта и устанавливающий значение этого свойства. При этом каждый тег может иметь несколько атрибутов "style", а каждый атрибут "style", указывать несколько свойств, заключенных в общие кавычки разделенных точкой с запятой.
Где это все пишется?
Блок определения стилей помещается либо в заголовок страницы, внутри элемента head, либо в отдельный файл. При размещении в разделе заголовка, блок определения стилей объявляется и заканчивается тегом STYLE, а для исключения отображения его содержимого, оно заключается в знаки комментария (<!-- и -->):
<table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td><span style="font-size:10px;">Code</span></td></tr><tr><td bgcolor="#F5F5F5" style="border:1px solid #c0c0c0;" class="codeMessage">
<STYLE type="text/css">
<!--
-->
</STYLE>
<!--code--></td></tr></table>
или в отдельном файле, который подключается до закрывающего тега </head>:
<table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td><span style="font-size:10px;">Code</span></td></tr><tr><td bgcolor="#F5F5F5" style="border:1px solid #c0c0c0;" class="codeMessage">
<link rel="stylesheet" href="style.css" type="text/css">
<!--code--></td></tr></table>
От себя: предпочитаю второй вариант, поскольку его проще использовать при многостраничных сайтах. Т.е., при изменении того или иного свойства сохраняется единство оформления блоков. Но, имхо, палка о двух концах: нужно быть начеку, и если хотим внести чуть-чуть коррективы для в принципе похожего блока, то следует корректировать УНИКАЛЬНЫЙ селектор, создать его.
Добавлено (06.06.2007, 21:19)
---------------------------------------------
От себя:
Ну, и на закуску - кусочек кода со встроенным объявлением стиля, демонстрирующий написанное выше.
Для того, чтоб посмотреть, как смотрится в браузере - скопируйте и сохраните в блокноте под любым именем, с расширением .html
<table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td><span style="font-size:10px;">Code</span></td></tr><tr><td bgcolor="#F5F5F5" style="border:1px solid #c0c0c0;" class="codeMessage">
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<STYLE TYPE="text/css">
P.Red { color: red }
.Red small { background: blue }
#red { color: red }
H1 EM {color: red}
</STYLE>
</HEAD>
<BODY>
<H1>Заголовок, стиль которого не определялся и <EM>красный элемент в нем </EM></H1>
<P>Текст простого абзаца стиль которого не определялся и <EM>элемент</EM>
стандартного оформления, рядом с которым <Span id=RED>красный элемент</Span>,
определенный с помощью идентификатора.
<P class=RED>Полностью красный абзац и <Small>внутри него элемент SMALL с определенным
фоном</small>
</BODY>
</HTML>
<!--code--></td></tr></table>
От себя:
Особо не смущайтесь, увидев кучу непонятных обозначений. Это т.н. селекторы.
О них - чуть позже.
Для подтверждения точности - вот на перевод офиц. документации CSS2 пройдите
