块状元素特点：
内联元素特点：
内联块状元素特点：
display:block 可以将元素设置为块状元素
display:inline 可以将元素设置为内联元素
display:inline-block可以将元素设置为内联块状元素
每个HTML元素都会有盒子模型，如下图
[图片上传失败...(image-8891fd-1543076237898)]
可以看到，盒子模型中，一个标签是由内容，内填充（padding）、边框（border）、外边距（margin）组成的
一个元素的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距
一个元素的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距
有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求。当然，高德地图貌似也有，你可以去看看。百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular
补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）
CSS样式分类有：一、类别选择器
二、标记选择器
三、ID选择器
四、关联选择器
五、组合选择器
六、伪元素选择器
