3. CSS预处理处罚器Less、Scss

藏宝库编辑 2024-9-28 23:14:54 64 0 来自 中国
1. CSS编写的痛点


  • CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有题目的.
  • 但是现在前端项目已经越来越复杂, 不再是简简朴单的几行CSS就可以搞定的, 我们须要几千行以致上万行的CSS来完成页面的美化工作.
  • 随着代码量的增长, 肯定会造成许多的编写未便:

    • 比如大量的重复代码, 固然可以用类来委曲管理和抽取, 但是利用起来依然不方便;
    • 比如无法界说变量(固然现在已经支持), 如果一个值被修改, 那么须要修改大量代码, 可维护性很差; (比如主题颜色)
    • 比如没有专门的作用域和嵌套, 须要界说大量的id/class来保证选择器的准确性, 克制样式肴杂;
    • 等等一系列的题目;

2.CSS预处理处罚器(CSS_preprocessor)


  • CSS 预处理处罚器是一个能让你通过预处理处罚器本身独有的语法来天生CSS的步调;
  • 市面上有许多CSS预处理处罚器可供选择,且绝大多数CSS预处理处罚器会增长一些原生CSS不具备的特性;
  • 代码终极会转化为CSS来运行, 由于对于欣赏器来说只辨认CSS;
3. 常见的CSS预处理处罚器

4. Less

Less (Leaner Style Sheets 的缩写) 是一门CSS 扩展语言, 而且兼容CSS。

  • Less增长了许多相比于CSS更好用的特性;
  • 比如界说变量、混入、嵌套、盘算等等;
  • Less终极须要被编译成CSS运行于欣赏器中(包罗部署到服务器中);
4.1 less代码的编译

您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-23 16:05, Processed in 0.156892 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表