用点是类选择器，比如 .abc 匹配如下标签：
<div class="abc">...</div>
不用点是标签选择器，比如 span 匹配如下标签：
<span id="xxx">...</span>
我学的样式表是用在HTML里的用的也是一.CSS为后缀的
html里的样式表有3种选择器
(1)简单选择器
用法标题标记{元素名属性名:属性值元素名属性名:属性值....}如:<head><style type="text/css">td{font-fanmily:宋体color:red}</style></head>
这种是可以不分元素位置的，也就算只要是有TD的地方td里的东西它都会是宋体，而且字体也会是红色
(2)类选择器
用法:.自定义变量{元素名属性名:属性值元素名属性名:属性值....}
如:head><style type="text/css">
.water{font-fanmily:宋体color:red}
.danger{font-family:黑体:color:blue}(注:water和danger都是自己随便定义的)
</style></head>
<td clss="water"(或class="danger")>skdfje</td>(就是TD里的字体都变成宋体和成红色
(3)id选择器
用法:#自定义变量{元素名属性名:属性值元素名属性名:属性值....}
如:#control{color:redfont-size:24px}
<head><style type="text/css">
#control{color:redfont-size:24px}
</style></head>
<td id="control">slfl</td>(slfl会变成红色且是24px大小)
你告诉我你的信箱，我发个资料给你，挺好的
.header .rlink ul li.r3 a带点的是自定义的样式名称，几个点的并列着写（有空格）意思是带.header 这个样式的元素里的 带.rlink样式的元素，就是容器包着容器，.header容器里的.rlink容器。比如：
<div class="header">
<div class="rlink"></div>
</div>
不带点的是html元素，意思是 .rlink样式下的ul元素。以此类推。ul 下面的li
li.r3 中间无空格意思是<li class="r3">本li的样式是r3
li.r3 a 意思是带r3样式的li里的a元素。
<div class="header">
<div class="rlink">
<ul>
<li class="r3">
<a href="#"></a>
</li>
</ul>
</div>
</div>
