紫一的博客

Less学习笔记简介：Less 是一门向后兼容的CSS扩展语言。官方文档 https://less.bootcss.com/安装cnpm install -g less1.变量@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}编译之后为#header { width: 10px; height: 20px;}2.混合先定义一个CSS样式.bor

Sass 学习笔记Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。一. CSS 功能扩展1.嵌套规则#main p { color: #00ff00; width: 97%;