亚洲伊人久热五月,色哥网狠狠的鲁天天啪

首頁免費課 Sass入門篇問答

Sass入門篇

                
                大漠
            Web前端工程師

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

全部評論問答未解決精華

dabear

$content: "Hello" + " " + "Sass!";
.box:before {
content: #{$content} ;
}

輸出：
.box:before {
content: Hello Sass!;
}

0 5-8 [Sass運算]字符運算

2017-11-13

dabear

.box {
width: ((220px + 720px) - 11 * 20 ) / 12 ;
}

加減乘除運算的單位：如果兩個數值單位不一致，會按照第一個數值的單位作為結果輸出

0 5-6 [Sass運算]數字運算

2017-11-13

dabear

這種覆蓋方式和css本身不一致 css是在聲明之后的會覆蓋之前的

0 4-2 [Sass]普通變量與默認變量

2017-11-12

dabear

“ 的默認變量一般是用來設置默認值，然后根據需求來覆蓋的，覆蓋的方式也很簡單，只需要在默認變量之前重新聲明下變量即可。”

摘抄自網絡：連續聲明兩個default也是有效的，第一個default會被第二個default覆蓋。第二個default會被沒有聲明default的變量覆蓋，所以最終輸出的是沒有聲明default的變量。

0 4-2 [Sass]普通變量與默認變量

2017-11-12

繁星_點點

&挺好用的
例如，我們a標簽，原來是red，點擊后變成blue
html中
<body>
<div>
<a href="#">a</a>
</div>
</body>
在scss中
div{
a{
color:$color;
}
& .active{
color:blue;
}
}
這樣&的作用就來，只需要點擊為a標簽加入class，只是自己的一點小小的體會。

2 4-5 [Sass]嵌套-選擇器嵌套

2017-11-09

一路走來彡

用@的是剛學完less過來的吧？哈哈~?

2 1-3 Sass 和 SCSS 有什么區別？

2017-11-09

AQYangGaGun

@mixin box-shadow($shadow...){
@if length($shadow)<1
{
$shadow:0 0 2px rgba(#000,.4);
}
box-shadow:$shadow;
}
.box{
@include box-shadow(0 0 3px rgba(#fff,.4));
}

0 4-12 [Sass]混合宏的參數--傳多個參數

2017-11-08

慕粉3836556

最上面的是直接定義的樣式，其余的樣式均是繼承的來的

0 4-14 [Sass]擴展/繼承

2017-11-02

大叔正在學前端

用phpstrom，配置下watcher就可以自動編譯了。

1 3-4 [Sass]GUI 界面工具編譯

2017-11-01

笨重的瘦子

為啥這一節看完了一直不顯示完成，奇了怪了

1 4-2 [Sass]普通變量與默認變量

2017-10-27

ouy_d

第一：空格字符串拼接也要打出來，而且空多少格編譯后就有多少格；
第二：對于有連字符'-'的屬性值可以通過拆開連接。但要遵循的前提是，拆開后的詞不能是關鍵詞。
如：cursor:not -resize;會報錯，因為not在sass有他的用途。
可以改成cursor:not- + resize;就不會報錯了。

0 5-8 [Sass運算]字符運算

2017-10-24

咖啡浮點

$box-width: 200px;
$box-height: 300px;
body {
width: $box-width;
height: $box-height;
}

0 1-3 Sass 和 SCSS 有什么區別？

2017-10-22

騎著蝸牛play

SCSS從入門到入門~~

1 5-8 [Sass運算]字符運算

2017-10-20

騎著蝸牛play

小白的提問：學完這個sass不會把原來的css編譯方法給顛覆了么，好復雜~~

0 4-17 [Sass]插值#{}

2017-10-20

完虐宇宙語言

回復一下樓下的。
當你達到一定的高度時，其他的先不講，代碼行數上千，你就知道sass的強大了。

4 4-17 [Sass]插值#{}

2017-10-16

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

開始學習

課程須知: 對CSS有一定的了解，才可以更好的學習本課程。

老師告訴你能學到什么？: 1、Sass是什么？他有什么功能？ 2、Sass需要什么樣的環境才能順利運行 3、Sass語法格式和CSS有什么不一樣？ 4、Sass要如何編譯 5、你要怎么調試Sass 6、Sass有哪些基本特性 7、Sass的控制命令能做些什么事情 8、Sass有哪些數據類型 9、Sass的函數功能

微信掃碼，參與3人拼團

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

熱搜

最近搜索清空

Sass入門篇