首先你要明白这个属性是用来清除DIV浮动的有效办法之一，因为网页中会屡次用到，<div
class="header
clearfix">这个意思是代表这个DIV引用了两个类，一个是header，一个是clearfix,因为这个DIV需要清除浮动。
<map></map>是图片上的热区，我由此判断你在学习CSS之前没有很好的熟悉HTML的基本标签，建议你先熟悉HTML的基本标签，你可以用DW，插入一个图片，然后鼠标点中图片，左下角属性中有个三个形状的热区，你尝试做一下，再看看代码就OK了。
祝你早日成为CSS高手！
<img src 也可以 你可以这么写<div class="aaa"><p>23123231</p><img src="map.jpg"></div>
CSS:
.aaa{ position: relative}
.aaa p{position: absolute}
SCSS是CSS的预处理器，它支持将CSS当做一种编程语言来编写，虽然这种解释不是很标准，但是我们可以这样理解，而CSS.map就相当于一种文件地图，一般网站都是使用压缩版的CSS，css.map就相当于是原文件跟压缩文件的一种对照关系
