前面几篇文章我们聊了如何解析HTML标签，这篇文章我们聊一下解析CSS的模块——css。
安装
npm install cssparse方法使用
css模块提供了一个解析css内容的方法parse，它返回css内容的抽象语法树（AST）。
2024年10月27日
前面几篇文章我们聊了如何解析HTML标签，这篇文章我们聊一下解析CSS的模块——css。
npm install csscss模块提供了一个解析css内容的方法parse，它返回css内容的抽象语法树（AST）。
2024年10月27日
2024年10月27日
今天主要讲讲我们平时在使用css时会碰到的几个问题，在这里特别说明一下，文章中的CSS 并不止包含 CSS，也包含 CSS 预处理器（Less Sass 等），愿大伙不要纠结于此。
我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们知道属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠，所以如果 margin 使用的过于频繁的时候，Box 的垂直距离可能就会发生重叠。
2024年10月27日
1. CSS 的历史和发展
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页样式的语言，它的历史可以追溯到 1996 年。在那个时候，HTML（超文本标记语言）是唯一一种用于描述网页内容的语言，但是它无法提供足够的样式控制能力。为了解决这个问题，一些早期的 Web 开发人员开始探索使用样式表来为网页添加样式。
2024年10月27日
velocity中常常会写出#foreach #if #else #end等语句，
但由于模板文件中html本身就带有缩进，所以最终的缩进，并不符合velocity语句的含义。当主要针对velocity逻辑阅读时，很不方便
没有处理格式代码：
模板代码：
生成html文件截图：
解决办法：
“#if#foreach#else#end”这些语法，不用任何缩进。并且行尾加##注释，表示不解析后面空格