簡體   English   中英

與CSS相比如何使用Sass(SCSS)

[英]How to use sass (scss) compared to css

因此,首先讓我介紹一下自己作為一個完整的初學者。 我想對scss有所了解,但是我對它在CSS文件方面的工作方式感到困惑。 在設置了sass之后,將我的css編譯為sass,然后我應該將html鏈接到sass文件而不是css嗎? 然后我要從FTP刪除css文件,然后上傳sass文件嗎?

謝謝,新手喬納斯。

scss或sass文件是編寫CSS的改進語法,但是請記住,瀏覽器只能理解CSS文件。 您可以使用sass或scss語法編寫文件,然后將其編譯為css文件,並將此css文件鏈接到html文件中。 所以不,除了css文件外,您永遠不會將其他任何文件上傳到您的FTP。

不。 Scss文件只為您以更方便的樣式編寫代碼。 您應該將html鏈接到主CSS文件。 並放在服務器上僅css文件。

好的做法是將scss分成小塊,然后導入到一個scss文件中,然后將其轉換為css。

F.前 我的main.scss文件(轉換為鏈接到html站點的main.css)看起來像這樣:

// Layout
@import '_layout/_navbar';
@import '_layout/_main';
@import '_layout/_footer';
@import '_layout/_header';
@import '_layout/_blog';
@import '_layout/_aside';

// Components (you can replace the below ones to bootstrap or other framework's files just with components)
@import '_components/_blockquote';
....

這是scss的最大資產。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM