#div_test #只代表这是一个ID选择器
。仅代表是一个类别选择器
#号后面的是元素的ID
。号后面的是元素类名
如果没# .这种标识符 那就不能区分div_test 是ID选择器，还是类别选择器
代码就无法执行，，，
这个学久了自然就能理解。。。。
刚开始学的时候，我也不理解
还有就是那个标签选择器，
为什么会叫标签选择器，而不叫元素选择器呢
那是因为标签名就是元素名
元素是一个整体的概念，元素名仅仅只代表元素的名称
p元素，它的名称就是p
<p>这是个标签，标签名就是P
标签是由元素名与<>组成
而元素是由开始标签与结束标签组成
*是通配符，，
表示所有
* { margin:0}
重置所有元素的边距
不可以这样写，你可以使用这样的一种方式：如果有几个元素共用相同的样式，你可以起一个通用的类，比如叫common，然后把这些样式写进common里
<style>/* 通用样式 */
.md{}
/* 单独样式 */
.md1{}
.md2{}
.md3{}
.md4{}
</style>
<div class="md1 md"></div>
<div class="md2 md"></div>
<div class="md3 md"></div>
<div class="md4 md"></div>
CSS3中，合理的使用通配符，可以大大提高效率，以下为测试示例。“^”开头字母匹配；“$”结尾字符匹配；“*”包含字符匹配
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>在页面上使用google地图示例</title>
<style type="text/css">
[id="qq"]{ background:red}
[id^="b"]{ background:yellow}
[id$="c"]{ background:green}
[id*="f"]{ background:orange}
</style>
</head>
<body>
<div>test</div>
<div id="qq">这个是指定ID情况下的样式</div>
<div id="begin">这个是用来测试开头字符为“b”</div>
<div id="cc">这个是用来测试结尾字符为“c”</div>
<div id="fcq">这个是用来测试id中含有"f".</div>
</body>
</html>
