Sass基本使用的方法

2021-10-05 03:32:32 字數 513 閱讀 8304

$width:300px;//當前檔案定義的變數


$color:bule;


.div


.div


$color:bule !default;預設是藍色，但是如果有新的sass檔案，相同的變數名則可以任意覆蓋


字串變數


$str:' hello.jpeg' ;


/*string*/


.div 


加法$num1: 100px;


$num2: 200px;


$width: $num1 + $num2;


.div 


混入的用法


/*-般mixin*/


@mixix hellomixin ;


color: red;


}//使用方法


.div 


傳遞引數


amixin ***y-border ($color, $width) ;


//使用並且傳入引數


.div

SASS 的基本使用

sass是一種css的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得css的開發，變得簡單和可維護。本文總結了sass的主要用法。1.變數 所有變數以 開頭 blue 1875e7 div如果變數需要鑲嵌在字串之中，就必須需要寫在 之中 side left rounded radius...

SASS的基本語法

了解 sass sass是 css 的預編譯語言，可以把檔案編譯成 css 檔案。sass可以定義變數 可以定義函式 可以有 if 語句 可以有 for 迴圈語句，能使你敲 的速度的變得更高更快更強。sass 檔案 和 scss 檔案的區別 在 scss 檔案裡面和寫 css 的語法基本一致 在 s...

sass基本用法

本文都是以.scss為準 普通變數 sass的變數必須是以 開頭的，後面直接跟變數名 fontsize 12px body 如果變數需要預設值，在變數值的後面加上預設值的宣告 變數的預設值的宣告方式是變數值後加上 default 如下 baselineheight 2 baselineheight ...