scss,css,css.map，它们之间有什么关系？

html-css016

scss,css,css.map，它们之间有什么关系？,第1张

SCSS是CSS的预处理器，它支持将CSS当做一种编程语言来编写，虽然这种解释不是很标准，但是我们可以这样理解，而CSS.map就相当于一种文件地图，一般网站都是使用压缩版的CSS，css.map就相当于是原文件跟压缩文件的一种对照关系

这个是source map文件。

因为bootstrap是用less写的，less会编译成css显示在页面上。

但有个麻烦，浏览器里看的都是css第几排，而你编辑的又是less文件，很难对上。

这个时候有了source map，浏览器里直接显示less，非常方便。

<img src 也可以 你可以这么写

<div class="aaa"><p>23123231</p><img src="map.jpg"></div>

CSS:

.aaa{ position: relative}

.aaa p{position: absolute}