CSS中注释的标准写法是使用斜杠星号包裹内容，例如：/ 注释语句 /。这种写法是CSS规范要求的，注释内容不会被浏览器渲染，而仅供代码查看时使用。例如：
/* ----------文字样式开始---------- */
.dreamduwhite12px { color: white; font-size: 12px; }
.dreamdublack16px { color: black; font-size: 16px; }
/* ----------文字样式结束---------- */
注释的主要作用就是让代码部分“消失”在浏览器里，不起任何样式作用，同时给开发者备注说明，方便后续维护。
接下来讲讲HTML和CSS如何注释，还有一些小技巧和额外知识：
HTML注释格式是<!-- 注释内容 -->，作用就是给代码加备注或者临时让某些代码不执行。要注意，HTML注释和CSS注释写法不一样，千万别搞混了。
CSS注释正确写法是/* 注释内容 */，支持多行内容注释。这是唯一官方认可的方式。注意，不能用双斜杠//去注释CSS，因为这个会造成语法错误，不过在LESS预处理器中，//注释是支持的，但它不会被编译到最终的CSS文件里。
LESS中的注释除了支持CSS的/* */之外，还支持单行注释//，适合快速调试用。变量定义方面也相当方便，比如@width: 10px;，然后给属性赋值时只需引用变量名，超级省事。
另外，写CSS代码时，为了注释方便找寻，很多人喜欢用横线和文字标注段落，例如/* ----------文字样式开始---------- */。这样视觉上更醒目，朋友们可以秒懂代码结构。
CSS注释的范围是在/*和*/之间，可以注释掉整块代码，像这样：
/*
.header {
font-size: 14px;
color: red;
}
*/
这样整块代码暂时"下线"，等未来有空时再启用，超实用。
CSS注释写错会有什么后果吗？
哎呀，这问题很重要！如果注释写错，比如用//写普通CSS文件，浏览器就懵了，直接报错或者样式失效，那可不好玩儿。记住CSS注释一定是/* */这种格式，搞错了，页面效果就糟糕了，代码也不好维护呢！
为什么LESS支持两种注释方式，CSS只支持一种？
你看啊，LESS是CSS的超集，它更智能，支持/* */和//，后者方便快速搞定单行注释，而且//不会出现在最终CSS里，属于调试专用；而纯CSS为了浏览器解析统一，只能用/* */，所以咱们写普通CSS，还是老老实实用标准注释。
注释对网页加载速度会有啥影响吗？
放心吧！注释根本不影响页面加载速度，因为浏览器会直接忽视注释内容，不会渲染也不会下载太多资源。其实，良好注释反而帮助开发者维护，提高代码质量，谁不喜欢呢，哈哈！
有啥快速注释代码的小技巧吗？
当然有啦！像Sublime Text、VSCode这些编辑器，选中代码按Ctrl+Shift+/（Mac上是Cmd+Shift+/）就能一键注释HTML或者CSS，巨方便。遇到复杂项目，节省不少时间，不用手动敲/* */，快得飞起！
添加评论