英文翻译：
!DOCTYPE html：文档类型html
html：超文本标记
head：头部
meta：元信息
charset：字符集
title：标题
body：文档主体
color：颜色
演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div:hover{
background: orange;
color: yellow;
}
div:active{
color: red;
}
input:focus{
color: green; /* 输入框里面内容颜色 */
}
</style>
</head>
<body>
<!-- 动态伪类：（能用在任何元素上） -->
<!-- hover：鼠标放到元素上的状态，最常用 -->
<!-- active：点击时没有松开鼠标的状态，用的不多 -->
<!-- focus：用于输入框在获得焦点时的状态 -->
<div>我要自学</div>
<input type="test" name="" id="" value="请输入" />
</body>
</html>
