Less css基礎之變數學習

2022-05-24 09:57:07 字數 1984 閱讀 6871

一、普通變數

//--普通變數--less

@fontcolor: #000000;

body//--輸出--css

body

二、選擇器變數

//--選擇器--less

@selector: main;

.@//--輸出--css

.main

三、位址url變數

//--位址url--less

//--輸出--css

.mian

四、屬性變數

//--屬性--less

@attr: height;

.main: 200px; line-@:20px; }

//--輸出--css

.mian

五、變數名變數

//--變數名-less

@varname:"mainwidth";

@mainwidth:500px;

.main//--輸出--css

.main //--變數名延伸1-less

@varname:"mainwidth";

@mainwidth:@width;

@width:500px;

.main//--輸出--css

.main //--變數名延伸2-less

@varname:"mainwidth";

@mainwidth:@width;

@width:500px;

.main//--輸出--css

.main

以上延伸說明,less的變數採用了懶載入方式,在文件中也有說明:

1、變數名是延遲載入的,不必在使用之前宣告

2、當定義變數兩次時,將使用變數的最後乙個定義,從當前範圍向上搜尋。這類似於css本身,其中定義中的最後乙個屬性用於確定值。

六、預設變數

//--預設變數-less

@base-color: green;

@drak-color: darken(@base-color,10%);

.main //--輸出--css

.main //--預設變數-less

@base-color: green;

@drak-color: darken(@base-color,10%);

.main //--輸出--css

.main

其實這個和上面的變數名延伸是一致的,不過是覆蓋了而已。

關聯實操使用:

//--變數--less

//--普通變數

@fontcolor: #000000;

//--選擇器

@selector: main;

//--位址url

@website: "/images/";

//--屬性

@attr: height;

//--變數名

@varname: "mainwidth";

@mainwidth: @width/16rem;

@width: 500;

//--預設變數

}//--輸出--css

.main

基礎學習之變數

學習內容 命名規範 只能用字母,數字,下劃線且不能數字開頭 當輸入 0 時 自動提示 end of statement expected 基本語法錯誤 如下圖後面賦值的美女將前面3覆蓋 author werewolf 此處寫記者的名字 time 2020 10 13 16 51 a abc b 10...

sql學習之變數

變數 系統變數 全域性變數 會話變數 自定義變數 使用者變數 區域性變數 一 系統變數 說明 變數由系統定義,不是使用者定義,屬於伺服器層面 注意 全域性變數需要新增global關鍵字,會話變數需要新增session關鍵字,如果不寫,缺省會話級別 使用步驟 1 檢視所有系統變數 show globa...

Python基礎之變數型別

python有五個標準的資料型別 python支援四種不同的數值型別 int 有符號整型 long 長整型 也可以代表八進位制和十六進製制 float 浮點型 complex 複數 數字是不可改變的資料型別,這意味著改變量字資料型別會分配乙個新的物件。例子1 coding utf 8 author ...