CSS

什么是CSS

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述 HTML 或 XML 文档外观和格式的样式表语言。它允许开发者将样式与内容分离，使得网页的设计和维护更加简便。通过 CSS，开发者可以控制网页中的元素颜色、字体、布局、动画效果等。

CSS 的历史

• 1994 年: CSS 的概念由 Håkon Wium Lie 提出。当时，他正在 CERN（欧洲核子研究中心）与万维网的发明者 Tim Berners-Lee 一起工作。

• 1996 年 12 月: W3C（万维网联盟）发布了 CSS1 规范，这是 CSS 的第一个正式版本。CSS1 支持字体、颜色、对齐方式、边距和文本样式等基本功能。

• 1998 年 5 月: CSS2 规范发布。相比 CSS1，CSS2 增加了定位、媒体类型、样式表导入、和伪类等功能。

• 2001 年: CSS2.1 规范发布，对 CSS2 进行了修订和精简，修复了一些错误，进一步提高了浏览器兼容性。

• 1999 年 至今: CSS3 是 CSS 的最新发展版本，采用模块化设计，不断添加新特性，如圆角、阴影、渐变、动画、弹性盒模型（Flexbox）等。CSS3 模块化的设计使得各个功能模块可以独立发布和更新。

• 未来: 随着 Web 技术的不断发展，CSS 继续演变，引入了更多现代化的功能，如 CSS Grid、变量（Custom Properties）、容器查询等，为开发者提供了更强大的设计和布局工具。

CSS预编译框架

CSS 预编译框架是一种工具，允许开发者使用更高级的语法编写 CSS 代码，并在开发过程中生成标准的 CSS 文件。预编译器添加了变量、嵌套规则、函数和其他编程结构，使 CSS 更加灵活和可维护。

1. Sass(Scss)

• 全称: Syntactically Awesome Stylesheets
• 特点:
  • 支持嵌套规则、变量、混入（Mixins）和继承。
  • 提供了两种语法：缩进语法（Sass）和 SCSS（Sassy CSS）。
  • 广泛支持和活跃的社区，拥有丰富的扩展库。
• 官网: https://sass-lang.com

2. Less

• 特点:
  • 类似于 Sass，支持嵌套、变量和混入。
  • 更加接近原生 CSS 语法，易于学习和上手。
  • 最早由 Twitter Bootstrap 使用，后来被广泛采用。
• 官网: http://lesscss.org

3. Stylus

• 特点:
  • 提供极简的语法，甚至可以省略大括号和分号。
  • 支持函数、变量、混入和条件语句。
  • 灵活性强，允许开发者根据需要选择使用不同的语法风格。
• 官网: https://stylus-lang.com