Kí tự "#" trong CSS

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo</title>
<style type=text/css>
 #kieu1{
  color:red;
 }
 .kieu2{
  color:blue;
 }
</style>
</head>

<body>
<div class="kieu2">Màu xanh</div>
<div id="kieu1">Màu đỏ</div>
</body>

</html>

Khai bào có dấu # thì khi gọi nó thì là id="Kieu1"
Còn khai báo có dấu . thì gọi là class="kieu2"