国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

SASS的基本運算

2024-04-27 15:08:52
字體:
來源:轉載
供稿:網友

一、減法

二、加法

加號可以不需要空格隔開,test.sCSS

1 $test-width1: 100px;2 $test-width2: 200px;3 $test-width3: 300px;4 5 .test {6     width: $test-width1+$test-width2+ $test-width3;7     margin: 0 auto;8 }test.css中的結果:

1   .container {2   width: 600px;3   margin: 0 auto; }

另外,加號還可以做字符串連接。帶引號的字符串在 + 號左側,結果是一個有引號的字符串;沒有引號的字符串在 + 號左側,結果是一個沒有引號的字符串。(如果中文亂碼,可在文件頭部寫入:@charset "UTF-8";)

1 p:before {2     content: "Foo " + Bar;3     font-family: sans- + "serif";4 }

結果:

1 p:before {2   content: "Foo Bar";3   font-family: sans-serif; }三、乘法

能夠支持多種單位(比如 em ,px , %),多個數值只需要為一個數值提供單位即可,否則報錯。

四、除法

由于"/"在css中已有用途,因此需要在運算外層加上括號(),除法的使用情況總結,如下:

1 p {2      font: 10px/8px;             // 純 CSS,不是除法運算3      $width: 1000px;4      width: $width/2;            // 使用了變量,是除法運算5      width: round(1.5)/2;        // 使用了函數,是除法運算6      height: (500px/2);          // 使用了圓括號,是除法運算7      margin-left: 5px + 8px/2px; // 使用了加(+)號,是除法運算8 }


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尼勒克县| 靖州| 华容县| 时尚| 诏安县| 绵阳市| 科尔| 同心县| 翁源县| 宝应县| 泸水县| 浙江省| 蒙山县| 泗洪县| 乌海市| 兴城市| 隆尧县| 宁波市| 阿拉善盟| 蒲江县| 长阳| 金华市| 布尔津县| 沂源县| 克山县| 威远县| 和硕县| 冕宁县| 永和县| 阆中市| 宜宾市| 广饶县| 庄河市| 桦甸市| 桓台县| 徐水县| 双城市| 南宁市| 大名县| 呼和浩特市| 卢龙县|