Problema css

Front-end
#1

Ola, pessoal! bom, estou com um problema bobo aqui.Comecei a ler a postila da caelum e achei muito boa. porem, como eu sou iniciante, fica meio complicado aqui. parei no exercício 2:16 sobre: primeiro passo com CSS
lá vai os comandos que eu inseri

<head>
	<meta charset="utf-8">
	<title>sobre a mirror</title>
	<link rel="stylesheet" href="css/sobre,css">
</head>

body {
	color: #333333;
	font-family: "Lucida Sans unicode", "Lucida grande", sans-serif;
}

hi {
	background-image: url(../img/sobre-background.jpg);
}

h2 {
	border-bottom: 2px solid #333333;
}

figure {
	background-color: #F2EDED;
	border: 1px solid #ccc;
	text-align: center;
}

figcaption {
	font-style: italic;
}

e aparece isso:

n%20sei%20o%20q%20fazer
n sei o q fazer.png716×386 10.2 KB

bom, parace que é ate um erro bobo, mas eu estou com dificuldade.
alguém por favor pode me ajuda? ficarei agradecido!

#2

Acontece que vc colocou o seu CSS no lugar errado. Ele tem que ir na tag STYLE dentro do HEAD:

<head>
	<meta charset="utf-8">
	<title>sobre a mirror</title>
	<link rel="stylesheet" href="css/sobre,css">
	
	<style>
		body {
			color: #333333;
			font-family: "Lucida Sans unicode", "Lucida grande", sans-serif;
		}

		hi {
			background-image: url(../img/sobre-background.jpg);
		}

		h2 {
			border-bottom: 2px solid #333333;
		}

		figure {
			background-color: #F2EDED;
			border: 1px solid #ccc;
			text-align: center;
		}

		figcaption {
			font-style: italic;
		}
	</style>
</head>
#3

e ae, @Lucas_Camara.
Eu tinha feito uma coisa errada aqui. Não salvei o “sobre.css” na pasta “css”(é uma pasta quem vem com a postila) e deve ser isso que n estava indo. Porem, feito isso que passou os comandos certa, continua o erro. não o msm erro mas sim o chrome fica branco.

Sem%20t%C3%ADtulo
Sem título.png709×474 4.62 KB
#4

Sim, fica em branco, pois o html que passei está vazio. Você precisa adicionar o html para poder estilizar ele com o CSS.

Ex.:

<html>

<head>
	<meta charset="utf-8">
	<title>sobre a mirror</title>
	<link rel="stylesheet" href="css/sobre,css">
	
	<style>
		.minha-fonte {
			font-weight: bold;
			font-size: 20px;
			color: red;
		}
	</style>
</head>

<body>
	<p class="minha-fonte">Texto qualquer</p>
</body>

</html>
#5

@Lucas_Camara vc me ajudou muito! Valeu pela força.