Подключение CSS-стилей сайта.

К оглавлению
Для того, чтобы сайт выделялся из других, к нему подключают файл стилей сайта - CSS (англ. Cascading Style Sheets — каскадные таблицы стилей).
В файле стилей сайта, содержится код, касающийся дизайна элементов сайта.
Подключение стилей, производиться в тэге <HEAD>, следующим образом: 
<HTML>
	<HEAD>
		<!--Cоздайте пустой файл style.css-->
		<link rel="stylesheet" type="text/css" href="style.css">
	</HEAD>
	<BODY>
		<!--А это надпись, у которой мы будем менять стили-->
		<!--Что такое "class" и "id", Вы узнаете немного позже.-->
		<span class="text" id="text">Наш текст</span>
	</BODY>
</HTML>

Все о тэге <link> можно почитать на htmlbook.ru.

Эта запись подключает стили к нашему сайту, в файле "style.css", мы будем прописывать стили элементов нашего сайта.
Открываем файл "style.css", и вставляем следующий код: 
/*--Так обозначается обращение к элементу с классом "text"--*/
.text	{
	font-size: 150%;	/*--Увеличиваем наш текст на 150%--*/
}
/*--Так обозначается обращение к элементу с идентификатором(id) "text"--*/
#text	{
	color: red;	/*--Окрашиваем наш текст в красный цвет--*/
}

В итоге у Вас должно получиться следующее: 
Наш текст

Также, стили можно прописывать прямо в тэге, используя при этом атрибут "style". Но, в дальнейшем, когда у Вас будет большой проект, будет гораздо удобнее исправлять стили в файле "style.css". 
<span class="text" id="text" style="font-size: 150%;color:red;">Наш текст</span>

Скачать коды урока