摘要:一定義變量定義變量基本用法變量作為字符串拼接二簡單的計算加減乘除三選擇器嵌套四繼承樣式五使用,強大之處在于可以傳遞參數不傳參傳參初始化默認值六導入外部七高級用法,循環語句和自定義函數的使用自定義函數
一、定義變量
二、簡單的計算 加減乘除
三、選擇器嵌套
四、繼承樣式 @extend
五、@mixin @include 使用,強大之處在于可以傳遞參數
六、導入外部scss、css @import
七、高級用法,循環語句和自定義函數的使用
@for $i from 1 to 10 { // .myLi1 .myLi2 .myLi3 ...... .myLi10 .myLi#{$i} { border: #{$i}px solid #468dcc; } } // 自定義函數 @function myScssFun($p) { @if $p > 10 { @return $p; } @else { @return $p * 2; } } div { font-size: myScssFun(10px); }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116270.html
摘要:的由來就是加強版的,要講那就一定要從講起英文全稱是一個最初由設計并由開發的層疊樣式表語言。年發行,年版本穩定,設計和開發分開進行,讓這個語言的功能相當完善。變量允許使用變量,所有變量以開頭。 SCSS的由來 SCSS就是加強版的CSS,要講SCSS那就一定要從SASS講起 SASS Sass(英文全稱:Syntactically Awesome Stylesheets)是一個最初由Ha...
摘要:前言很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。以前我只使用外部,現在的更加好用,所以在學習過程中記了一些筆記。在后面加一個感嘆號,表示這是重要注釋。 前言 很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。但是今天還是拾起筆來了,雖然沒什么干貨,但...
閱讀 3241·2021-11-22 12:07
閱讀 1882·2021-10-12 10:11
閱讀 1046·2019-08-30 15:44
閱讀 2943·2019-08-30 12:45
閱讀 2192·2019-08-29 16:41
閱讀 1641·2019-08-29 16:35
閱讀 2629·2019-08-29 12:57
閱讀 1153·2019-08-26 13:51