SCSS笔记
2024-10-09 10:02:16
SASS是成熟,稳定,强大的 CSS预处理器 ,而 SCSS 是SASS3版本当中引入的新语法特性,完全兼容CSS3的同时继承了CSS强大的动态功能。
CSS书写代码规模较大的web应用时,容易造成选择器,层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量,嵌套,混合,继承等特性,让CSS的书写更加有趣和程式化。
1.变量
SASS中可以定义变量,用来存储需要在CSS中复用的信息,方便统一修改和维护。
sass代码:
$blue:#1875e7;
div {
color : $blue;
}
对应生成的css代码:
div {
color : #1875e7;
}
如果变量需要镶嵌在字符串中,就必须写在 #{} 中:
$side : left;
.rounded{
border-#{$side}-radius : 5px;
}
2.嵌套
最新文章
- 【原】Learning Spark (Python版) 学习笔记(二)----键值对、数据读取与保存、共享特性
- CentOS 7 Mysql yum源
- R语言中的循环函数(Grouping Function)
- Linux下编译安装python3
- PHP面向对象:类型提示
- event对象具有的方法
- 再说重写IHttpHandler,实现前后端分离
- HMVC
- linux下Java环境的配置
- 得到Android系统语言设置
- db2 表关联查询
- css给div添加阴影效果
- 3.QT事件处理,消息过滤器
- 使用JavaScript实现单向链表
- spring cloud之Feign的使用
- Codeforces831C Jury Marks
- Centos 04 基础系统优化命令
- php状态设计模式
- 逆袭之旅DAY20.XIA.程序调试
- rabbitmq的vhost与用户管理(转)
热门文章
- 玩转计划任务命令:schtasks
- 02.快捷键及基本dos命令
- CentOS6.5 开机启动自动运行redis服务
- virtualbox 基于nat模式搭建局域网并且和宿主机通信
- 手写网页扫雷之css部分
- vue-toy: 200行代码模拟Vue实现
- 从零开始的Spring Boot(2、在Spring Boot中整合Servlet、Filter、Listener的方式)
- loadrunner常见问题及解决办法
- 囚徒问题(100 prisoners problem)的python验证
- 利用requets库采集蘑菇租房网的租房信息