Sass--混合宏--声明宏
2024-08-27 17:35:02
如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义下面介绍 Sass 的混合宏。
1、声明混合宏
不带参数混合宏:
在 Sass 中,使用“@mixin”来声明一个混合宏。如:
@mixin border-radius {
-webkit-border-radius: 5px;
border-radius: 5px;
}
其中 @mixin 是用来声明混合宏的关键词,有点类似 CSS 中的 @media、@font-face 一样。border-radius 是混合宏的名称。大括号里面是复用的样式代码。
带参数混合宏:
除了声明一个不带参数的混合宏之外,还可以在定义混合宏时带有参数,如:
@mixin border-radius($radius: 5px) {
-webkit-border-radius: $radius;
border-radius: $radius;
}
最新文章
- Nginx基础知识之————RTMP模块中的中HLS专题(翻译文档)
- ”未在本地计算机上注册“microsoft.et.OLEDB.4.0”提供程序。“解决方案大集合
- unity自定义工具
- JS实现悬浮移动窗口(悬浮广告)的特效
- JS_Detail和Discipline
- PowerPoint 打开文档发现.pptx中胡内容有问题
- 51nod1052 最大M子段和
- Android Studio 创建aar包与引用
- Spring4.0学习笔记(12) —— JDBCTemplate 操作数据库
- WebService-使用JDK开发WebService
- [转载]John Burkardt搜集的FORTRAN源代码
- MUI顶部选项卡的用法(tab-top-webview-main)
- [转]Thunderbird 使用 Exchange 邮箱
- SpringMVC+Apache Shiro+JPA(hibernate)整合配置
- 【译】10. Java反射——数组
- 《Maven实战》文字版[PDF]
- 深度学习Bible学习笔记:第二、三章 线性代数 概率与信息论
- 11gr2 RAC安装INS-35354问题一例
- U3D学习09-物体简单控制及视角观察
- 用Docker下搭建GitLab