less 語言中支援運算,我們可以給變數進行一些運算操作,例如加 +、 減 -、乘 *、除 / 四個運算子,這四個運算子可以對任何數字、顏色或變數進行運算。一般運算子在進行加、減計算之前會進行單位換算。計算的結果以最左側運算元的單位型別為準。如果單位換算無效或失去意義,則忽略單位。
運算的使用其實很簡單,就是對屬性值或變數進行一些加減乘除運算。
示例:
我們來看下面這段 html**:
less學習(9xkd.com)
這裡是前端部分
這裡是python部分
現在的需求是,我們要給上述內容設定字型大小,比如標題字型大小為 28px,第一段字型大小為 18px,第二段字型大小為 12px。
然後我們可以建立乙個 less 檔案,檔案中的內容如下所示:
@fontsize:14px;.content .p1 .p2}
其中定義了乙個變數 @fontsize,值為 14px,然後可以對這個變數進行加減乘除運算,例如上面 h3 的字型大小被設定為 @fontsize * 2 ,14 乘以 2 等於28 等,其他同理。
下面為編譯後的 css **:
.content h3 .content .p1 .content .p2
我們來看一下在瀏覽器中的演示效果:
當然除了字型大小,我們還可以對寬度、高度、內外邊距、顏色等等進行運算。
在對顏色進行運算時,會忽略 # 號,例如我們來看下面這個例子。
示例:
定義乙個顏色值為 #000000 的變數,然後我們可以在這個變數值的基礎上進行運算:
@color-black:#000000;.content p}
編譯成 css **:
.content h3 .content p
在瀏覽器中檢視演示效果:
less 在運算時,顏色值會先轉換為 rgb 模式,然後再轉換為 16 進製的顏色值並返回。因為是轉換為 rgb 模式,而 rgb 的取值範圍在 0~255 之間,所以不能超過這個範圍的值。
並且在進行顏色值計算時,我們還可以直接使用顏色值的名稱,例如 red 等進行計算,比如 red + #888888 等於 #ff8888。
示例:
例如我們將變數的值定義為 red,在計算時會先將 red 轉換為 rgb(255,0,0) 來計算,如下所示:
@color-black:red;.content p}
編譯成 css **:
.content h3 .content p
在瀏覽器中的演示效果:
windows安裝倆個mysql
安裝第二個mysql時的操作如下 1 新建乙個資料夾放mysql5.7.22的解壓縮檔案 我的在d盤根目錄 2 在bin資料夾的同級目錄下新建my.ini檔案 具體配置如下,mysql的預設埠為3306,因為我的mysql8用了這個埠,於是mysql5的埠就用了3307,再就是設定下mysql的安裝...
用倆個棧實現佇列
棧 佇列 一 題目 感謝 提供的題目 用倆個棧實現佇列。某佇列的宣告如下 templateclass cqueue cqueue void deletehead remove a element from head private stackm stack in stackm stack out 分...
用倆個棧實現佇列
思路 棧是先進後出的,佇列是先進先出的,所以要想讓先壓進棧的元素先出來,只通過乙個棧是實現不了的,但我們可以通過將棧1的資料取出再壓入棧2中,這樣在棧1底部的 也就是先壓棧的 資料就會到棧2的頂部,再將其取出,就可以實現佇列先進先出了。include include include using na...