Sass(Scss)插值,加减法运算

 时间:2024-10-14 02:17:38

1、Sass / Scss 插值的第一种(属性插值)利用混合器@mixin@include

Sass(Scss)插值,加减法运算

2、Sass / Scss 插值的第二种(选择器插值)

Sass(Scss)插值,加减法运算

3、Sass / Scss 插值的第三种利用继承@extend或%占位符等

Sass(Scss)插值,加减法运算

4、加减法运算:变量或属性中都可以(不同类型单位不能做加减法)(加法运算如图)

Sass(Scss)插值,加减法运算

5、css中惘度谋裆常见的八个单位1. ' px ' : 像素,显示器屏幕分辨率2. ' em ' : 相对长度单位(浏览器默鹚剖蛲蛋认字体尺寸)(rem)3. ' ex ' :相对长度单位4. ' pt ' : 相对长度单位换算:1em = 16px = 12pt(减法运算如图)

Sass(Scss)插值,加减法运算

6、 ' pc ' : 派卡,绝对长度单位(四号铅字尺寸)6. ' in ' : 英舣剃哩矮寸,绝对长度单位7. ' mm ' : 毫米,绝对长度单位8. ' cm ' : 厘米,绝对长度单位换算:1in = 2.54cm = 25.4mm = 72pt = 6pc = 96px = 6em 1rem = 1 * 62.5% * 16px = 10px (默认为16px)

Sass(Scss)插值,加减法运算
  • Visual Studio 怎么打印程序
  • 确定模拟量采集模块功能是否正常的方法
  • MDK仿真时,如何查看变量的变化情况
  • android-studio导入项目gradle修改
  • 小程序实现头像切换案例。
  • 热门搜索
    爱我家乡手抄报 庆国庆手抄报图片 普法手抄报 健康小常识手抄报内容 重阳节手抄报简单字少 杰出人物手抄报 六一儿童节手抄报诗 说好普通话写好规范字手抄报 中秋手抄报内容 防震手抄报图片大全集