亚洲最大的伊人综合网,亚洲伊人久久小说,精品韩国亚洲A一区二区三区

首頁免費課 Sass進階篇問答

Sass進階篇

                
                大漠
            Web前端工程師

                    查看講師更多課程 
                    大漠講師的其他課程
                
Sass入門篇
中級·104420
免費課程
                                
玩轉Bootstrap（JS插件篇）
中級·128659
免費課程
                                
玩轉Bootstrap（基礎）
初級·314560
免費課程
                                
十天精通CSS3
初級·243058
免費課程
                                
                難度中級
            
                時長 4小時55分
            
                學習人數
            
綜合評分9.33
                            98人評價
                        查看評價
                                9.4
                                內容實用
                            
                                9.4
                                簡潔易懂
                            
                                9.2
                                邏輯清晰

全部評論問答未解決精華

玩偶lpa

只需要懂字符串的命名方式就能理解了。加上空格成數組，加上其他特殊字符還算是字符串嗎？

0 2-3 字符串函數-quote()函數

2017-04-27

若憶淺擱

lighten($bgcolor,.1);和lighten($bgcolor,10%)編譯不同，編譯值分別是
color: #ff3434;
border-color: #ff6666;，
總結：編譯解析后一個參數小數為透明度值，百分數為亮度比重值。
測試驗證：
.test {
border-color: rgba($bgcolor,.1);
}
編譯為border-color: rgba(255, 51, 51, 0.1);與十六進制#FF3434在G和B的顏色值上差1.

0 4-6 HSL函數-lighten()

2017-04-26

若憶淺擱

發現寫
.btn {
background-color: $bgcolor;
border-color: lighten($bgcolor,10%);
color: lighten($bgcolor,.1);
}
編譯不同

0 4-6 HSL函數-lighten()

2017-04-26

東方既白233

自己去ruby那里去驗證，記得開啟sass -i

1 4-12 Opacity函數-rgba()函數

2017-04-23

東方既白233

background-color: rgba($bgcolor,.5);

1 4-2 RGB顏色函數-RGBA()函數

2017-04-23

東方既白233

跟著其他課程用compass搞了好久的sass，現在才發現有這個，有點蛋疼

0 4-1 RGB顏色函數-RGB()顏色函數

2017-04-23

東方既白233

我和樓下也有一樣的感受

1 4-1 RGB顏色函數-RGB()顏色函數

2017-04-23

東方既白233

text{
color: join(blue,(red orange),space)
}

首先你要有css標簽

0 3-4 join()函數

2017-04-23

桔子桔子4070686

- -學了倆天，終于把初級和這個學完了，這效率夠低的了

1 5-7 @error

2017-04-22

桔子桔子4070686

@mixin border($type){
border:#{1px } if($type,solid,dash) #{ red}
}

.a{
@include border(true);
}
.b{
@include border(false);
}

0 3-13 Miscellaneous函數

2017-04-22

桔子桔子4070686

li{
width:index(1px solid red, red)#{px};

}

0 3-7 index()函數

2017-04-22

桔子桔子4070686

$list:zip(solid dashed dotted,1px 2px 3px,green blue red);

@for $i from 1 through 3{
.border#{$i}{
border:#{nth($list,$i)}
}
}

0 3-6 zip()函數

2017-04-22

桔子桔子4070686

$list:append((blue, green),red,space);

li{
width:nth($list,3);
}

0 3-5 append()函數

2017-04-22

桔子桔子4070686

$list:join(blue,(red orange),space);

li{
background:nth($list,2);
}

0 3-4 join()函數

2017-04-22

桔子桔子4070686

$list:border-bottom (4px solid blue) black;
.a{
width:nth($list,2)
}

0 3-3 nth()函數

2017-04-22

首頁上一頁 9 10 11 12 13 14 15 下一頁尾頁

開始學習

課程須知: 對CSS有一定的了解，以及最好是學習完成《sass基礎篇》課程，才可以更好的學習本課程。

老師告訴你能學到什么？: 1、Sass 的控制命令 2、Sass 的函數功能 3、Sass 的函數的 @ 規則

微信掃碼，參與3人拼團

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Sass進階篇