sass,less面试准备

本文深入探讨了CSS预编译器Sass和Less的基础知识,包括它们引入变量、嵌套、运算等功能,提高了CSS的模块化开发能力。Sass和Less在编译环境、变量名和插值语法上存在区别,Sass提供了更强大的编程特性。同时,文章提到了PostCSS,一种用于处理CSS的后处理器,主要用于添加浏览器私有前缀和解决跨浏览器兼容性问题。
摘要由CSDN通过智能技术生成

一、基础知识

1.sass,less都是CSS的预处理器,其基本思想就是用编程的思路编写CSS代码。增加了变量,嵌套,函数,语句,继承等概念。有助于模块化开发,例如写一个换肤的效果,以前我们需要写多套css样式,现在引入了变量的概念,只需要写一套css,改变变量就可以了。
2.浏览器对sass和less是不识别的,在vscode中下载插件easy less/easy sass 将编写好的sass和less文件转化成css文件,在项目开发中会用npm下载其他的插件。
3.html页面引入样式:

  • 链接式
<link href="lianjie.css" type="text/css" rel="stylesheet" />
  • 导入样式:
    <html>
    <head>
    <meta charset="utf-8">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值