如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
Sass(Scss)的导入、注释和混合器
Sass(Scss)的导入、注释和混合器
导入Sass / Scss文件、Sass和Scss中的注释、混合器
工具/原料
- HBuilder(自动编译)
- html,sass/scss
方法/步骤
导入sass/scss文件
1.可以直接在sass/scss文件中导入
@import ' css/sass.scss' (后缀名可以省略@import ' css/sass')
2.嵌套导入:
css.scss文件(div{ color : #f00 ; })
sass.scss文件(nav{ @import ' css ' })
sass/scss的注释
1. ' // ' : 这种注释不会出现在生成后的css文件中
2. ' /* */ ' : 这种会出现在生成后的css文件中
混合器(避免属性和属性值的重复)(混合宏)
声明:@mixin
调用:@include
混合器:不带任何值的参数
先设置变量名,再给变量名设置参数
(相当于js中的函数一样function( ))
传一个带值参数(传入一个默认值)
在设置变量名同时设置参数
传多个参数值
@mixin size($width,$height){
width:$width;
height:$height;
}
.div{
// @include size(300px,100px);//按顺序
@include size($width:300px,$height:100px);//不按顺序
}
(可以不用按顺序)
注意事项
- 个人经验,如有不明白的地方可以提出疑问
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 437 HTML