Código: Selecionar todos
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<h2 id="intro">Introdução</h2>
<h3 class="standout">Classes e IDs em CSS</h3>
<p class="standout">Classes e IDs são super simples em CSS. Você os está usando agora!</p>
<h3>Seletores HTML Normais</h3>
<p>Se você não usar uma classe ou um ID, um elemento HTML fica com
o estilo CSS normal — ou o estilo padrão, caso você
não especifique algum estilo em particular na stylesheet.
</p>
</body>
</html>
CSS
Código: Selecionar todos
#intro{
color:#B83C3A;
}
.standout{
color:#F7AC5F;
font-family:Verdana;
}