Sass相關概念

2021-09-25 09:04:27 字數 1666 閱讀 1971

一.什麼是sass?

二. sass基於什麼環境? ruby

1. 安裝ruby

2. 安裝sass : gem install sass,

三. 準備編譯sass?

1. 考拉

2. gulp : gulp-sass gulp-cssnano(cnpm) gulp-clean-css(npm) gulp-rename ,

四. sass的輸入方式有哪四種?

五. 1. 匯入 : @import 檔名;

如果避免編譯在檔名前加乙個下劃線

2. 巢狀: 選擇器巢狀/屬性巢狀/偽類巢狀,

1. & : 父選擇器,

3. 變數: $變數名 : 值;

1> 一般呼叫 : 以值的形式,

2> 特殊呼叫 : 以屬性的形式 #,

4. 陣列 : $陣列名 : 值 值 值;

5. map : map

:(ke

y:va

lue,

key:

valu

e);1

>le

ngth

(map : (key : value,key : value); 1> length(

map:(k

ey:v

alue

,key

:val

ue);

1>le

ngth

(map) : map長度,

2> map-get(map

,key

):通過

key獲

取到指定

map,key) : 通過key獲取到指定

map,ke

y):通

過key

獲取到指

定map中的值,

3> map-keys(map

):獲取

所有的,

4>ma

p−va

lues

(map) : 獲取所有的, 4> map-values(

map):獲

取所有的

,4>ma

p−va

lues

(map) : 獲取所有的value,

5> map-has-key(map

,key

):判斷

map,key) : 判斷

map,ke

y):判

斷map中是否有指定的key,

6> map-merge(map

1,

map1,

map1

,map2) : 合併map,

7> map-remove($map,key) : 刪除屬性,

6. 選擇: @if @else if @else,

7. 迴圈:

1> @for 變數名 from start through end{}

2> @for 變數名 from start to end{}

8. 遍歷陣列:

$each 變數名 in 陣列{}

9. 混合器

@mixin 巨集名(變數名){}

@mixin 巨集名{}

@include 巨集名()

10. 函式

@function 函式名(引數)

11. 繼承 @extend 選擇器;

sass工具 相關外掛程式

把css資料夾 包含.scss字尾的檔案 整個拖進去 然後在sublime開啟.scss檔案編譯,自動生成css檔案 支援中文方法 koala安裝路徑 koala rubygems gems sass lib sass下的engine.rb 在sulime開啟 新增encoding.default ...

Lodrunner相關概念

1.集合點 集合虛擬使用者,以便於準備好使用者,一致在某個時刻執行任務 在某個時間把需要虛擬的使用者數目準備好 如何新增集合點 設定指令碼執行場景時,也可以對集合點策略進行相應配置 2.事物 事物是用來度量伺服器響應事物的時間。乙個完整任務有開始,結束 插入事物方式有2種 事物狀態有3種 lr pa...

雲相關概念

雲 基於網際網路的相關服務及擴充套件。比喻網際網路,以及基礎設施的抽象。可以讓普通使用者體驗超級的計算能力,使用者可以通過pc 手機等方式接入資料中心。普通使用者無法支付高昂的大型機費用,通過雲可以體驗超級計算的功能 雲的概念較多,各行各業都有自己的雲計算概念。美國國家標準與計算研究院 nist 定...