导致网页css莫名多出一段空白解决办法

最近在使用vs code 编辑网页时，在本地调试下发现莫名奇妙多空了一段空白，经过检查发现CSS样式文件并没有设置，且在源代码文件也没有发现有空白行。后来通过F12开发者工具，查看浏览器的页面元素时，发现头部多了一个“”这样的，在浏览器的页面元素复制时，显示的是空的换行符。经过搜索原因，原来是BOM头导致的。

解决办法：使用editplus或者Notepad++或记事本，把文件的编码改成UTF-8，不使用UTF-8-BOM编码就可以了。

UTF-8-BOM是什么意思？

BOM：byte order mark，定义字节顺序，因为网络传输中分为两种，大头和小头。uft-8不需要bom表明字节顺序，但可以用BOM来表示编码方式，UTF-8文件中放置BOM主要是微软的习惯，微软在utf-8中使用bom是因为这样可以把UTF-8和ASCII等编码区分开来，但这样的文件在windows之外的操作系统里会带来问题。不含BOM的UTF-8才是标准形式。