Как объеденить html код, с css кодом?

Я захотел написать какую нибудь страничку легенькую. Написал несколько абзацев, ну в общем просто посмотреть на страничку собой написанную хотел, без таблиц, списков… В общем, написал пару абзацев в которых элементарно хотел применить классы к тэгам span. Писал всё в notepat++. Написал для тех классов пару css правил. НО НЕ МОГУ НАЙТИ ВНЯТНОГО ОТВЕТА КАК ИХ ОБЪЕДЕНИТЬ.
Хэлп.

css код в правильном формате и в отдельной папке с html кодом

В html в head под title подключены стили.

<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		
	</body>
</html>

Структура папок такая:

style.css лежит в папке css

4 лайка

спасибо, НАКОНЕЦТО!!!