資訊專欄INFORMATION COLUMN
摘要：一定義變量定義變量基本用法變量作為字符串拼接二簡(jiǎn)單的計(jì)算加減乘除三選擇器嵌套四繼承樣式五使用，強(qiáng)大之處在于可以傳遞參數(shù)不傳參傳參初始化默認(rèn)值六導(dǎo)入外部七高級(jí)用法，循環(huán)語句和自定義函數(shù)的使用自定義函數(shù)
一、定義變量
二、簡(jiǎn)單的計(jì)算 加減乘除
三、選擇器嵌套
四、繼承樣式 @extend
五、@mixin @include 使用，強(qiáng)大之處在于可以傳遞參數(shù)
六、導(dǎo)入外部scss、css @import
七、高級(jí)用法，循環(huán)語句和自定義函數(shù)的使用
@for $i from 1 to 10 {
// .myLi1 .myLi2 .myLi3 ...... .myLi10
.myLi#{$i} {
border: #{$i}px solid #468dcc;
}
}
// 自定義函數(shù)
@function myScssFun($p) {
@if $p > 10 {
@return $p;
} @else {
@return $p * 2;
}
}
div {
font-size: myScssFun(10px);
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/116270.html
摘要：以前看到之類的工具覺得應(yīng)該比較難，今天接觸了之后發(fā)現(xiàn)挺好用的，主要是方便了的編寫。具體可以看慕課網(wǎng)教程編譯方法在命令行輸入編譯單個(gè)文件編譯整個(gè)文件夾到文件夾也就是這樣的語法下文中我都這樣寫。這里貼一張慕課網(wǎng)拿到的表格。 以前看到SASS之類的工具覺得應(yīng)該比較難，今天接觸了之后發(fā)現(xiàn)挺好用的，主要是方便了CSS的編寫。在編寫比較大的項(xiàng)目的時(shí)候，由于內(nèi)容很多，因此樣式表也會(huì)比較繁雜，如果要修...
摘要：的由來就是加強(qiáng)版的，要講那就一定要從講起英文全稱是一個(gè)最初由設(shè)計(jì)并由開發(fā)的層疊樣式表語言。年發(fā)行，年版本穩(wěn)定，設(shè)計(jì)和開發(fā)分開進(jìn)行，讓這個(gè)語言的功能相當(dāng)完善。變量允許使用變量，所有變量以開頭。 SCSS的由來 SCSS就是加強(qiáng)版的CSS，要講SCSS那就一定要從SASS講起 SASS Sass（英文全稱：Syntactically Awesome Stylesheets）是一個(gè)最初由Ha...
摘要：前言很久沒有用文章記錄自己的學(xué)習(xí)歷程了，主要是因?yàn)閷?shí)在寫的不行，相比大牛寫的博客，我這只能算是東拼西湊或者說是讀書筆記。以前我只使用外部，現(xiàn)在的更加好用，所以在學(xué)習(xí)過程中記了一些筆記。在后面加一個(gè)感嘆號(hào)，表示這是重要注釋。 前言 很久沒有用文章記錄自己的學(xué)習(xí)歷程了，主要是因?yàn)閷?shí)在寫的不行，相比大牛寫的博客，我這只能算是東拼西湊或者說是讀書筆記。但是今天還是拾起筆來了，雖然沒什么干貨，但...
摘要：前言很久沒有用文章記錄自己的學(xué)習(xí)歷程了，主要是因?yàn)閷?shí)在寫的不行，相比大牛寫的博客，我這只能算是東拼西湊或者說是讀書筆記。以前我只使用外部，現(xiàn)在的更加好用，所以在學(xué)習(xí)過程中記了一些筆記。在后面加一個(gè)感嘆號(hào)，表示這是重要注釋。 前言 很久沒有用文章記錄自己的學(xué)習(xí)歷程了，主要是因?yàn)閷?shí)在寫的不行，相比大牛寫的博客，我這只能算是東拼西湊或者說是讀書筆記。但是今天還是拾起筆來了，雖然沒什么干貨，但...
閱讀 3299·2021-11-22 12:07
閱讀 1968·2021-10-12 10:11
閱讀 1097·2019-08-30 15:44
閱讀 2999·2019-08-30 12:45
閱讀 2295·2019-08-29 16:41
閱讀 1685·2019-08-29 16:35
閱讀 2716·2019-08-29 12:57
閱讀 1211·2019-08-26 13:51
