•  
     

id e class - HTML e CSS

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;
}


Demo: http://jsfiddle.net/rxh7br0z/