如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
Sass(Scss)继承,变量,占位符
Sass / Scss 的继承规则,全局变量和局部变量,占位符
工具/原料
- HBuilder(自动编译)
- html,sass/scss
方法/步骤
Sass / Scss 继承(不使用后代选择器)
@extend
1.重复选择器
2.css层叠规则:优先级高的选择器样式显示,当选择器优先级相同时,后边的样式显示。
继承:
可以继承类样式中所有样式的代码,然后编译出来的css会将选择器合并在一起,形成并集选择器(组合选择器)
Sass / Scss全局变量和局部变量
局部变量:在元素里面声明的变量
全局变量:在元素外面声明定义的变量
(全局变量的影子:和全局变量名字相同的局部变量)
普通变量:可以在全局范围内使用
默认变量:只在值后面加上!default
(图片为全局变量和局部变量的样式显示的页面)
Sass / Scss占位符 ' % '
用占位符声明的代码,如果不被@extend调用就不会被编译
占位符:编译出来的代码会将相同代码合并在一起,代码简介
注意事项
- 个人经验,如有不明白的地方可以提出疑问
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 437 HTML