1.CSS函數(shù)的補充
1.rgb/rgba/translate/rotate/scale
2.非常好用的css函數(shù)：
- var:使用css定義的變量
- calc:計算css值，通常用于計算元素的大小或位置
- blur:毛玻璃（高斯模糊）效果
- gradient:顏色漸變函數(shù)
var:定義變量
?css中可以自定義屬性：
- 屬性名需要兩個減號（--）開始
- 屬性值則可以是任何有效的CSS值
2.Less語法一：Less兼容CSS
- 所以我們可以在less文件中編寫所有的CSS代碼
- 知識將css的擴展名改成了.less結尾而已
3.Less語法二：變量（variables）
在一個大型的網(wǎng)頁項目中，我們css使用到的某幾種屬性值往往是特定的
- 比如我們使用到的主題顏色值，那么每次編寫類似于#f3c258格式的語法；
- 一方面是記憶不太方便，需要重新編寫或者拷貝樣式；
- 另一方面如果有一天顏色改變，我們需要修改大量的代碼；
- 所以，我們可以將常見的顏色或者字體等定義為變量來使用；
@mainColor:red;
.box{
width: 250px;
height: 100px;
background-color:@mainColor;
}4.Less語法三：嵌套
選擇器的嵌套：
&：表示父級
可以用于偽類、偽元素：
5.Less語法四：運算
在Less中，算術運算符+-*/可以對任何數(shù)字、顏色或變量進行運算。
- 算數(shù)運算符在加、減或比較之前會進行單位換算，計算的結果以最左側操作數(shù)的單位類型為準；
- 如果單位換算無效或失去意義，則忽略單位；
6. Less語法五：混合
在原來的CSS編寫過程中，多個選擇器中可能有大量相同的代碼
- 我們希望可以將這些代碼進行抽取到一個獨立的地方，任何選擇器都可以進行復用；
- 在less中提供了混入來幫助我們完成這樣的操作。
.cloor{
color: red;
}
.box1{
.cloor()
}
.box2{
.cloor()
}?混合是一種將一組屬性從一個規(guī)則集（或混入）到另一個規(guī)則集的方法。
?
注意：混入在沒有參數(shù)的情況下，小括號可以省略，但是不建議這樣使用。?
6.1混入是可以傳遞參數(shù)（定義變量）的。
定義：
調用：
?6.2混合和映射結合使用
作用：彌補less中不能自定義函數(shù)的缺陷
?
7.less其它語法補充
7.1less語法七：extend繼承?
- ?和mixins作用類似，用于復用代碼；
- 和mixins相比，繼承代碼最終會轉化成并集選擇器；
?7.2Less語法八：Less內置函數(shù)
- Less內置了多種函數(shù)用于轉換顏色、處理字符串、算術運算等。
- 內置函數(shù)手冊：https://less.bootcss.com/functions/
文章來源：http://www.zghlxwxcb.cn/news/detail-659606.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-659606.html
7.3Less語法九；作用域（Scopr）
- 在查找一個變量時，首先在本地查找變量和混合；
- 如果找不到，則從“父”級作用域繼承；?
7.4Less語法十：注釋
- 在Less中，塊注釋和行注釋都可以使用；
7.5Less語法十一：導入
- 導入的方式和CSS的用法是一致的；
- 導入一個.less文件，此文件中的所有變量就可以全部使用了；
- 如果導入的文件是.less擴展名，則可以將擴展名省略掉；
到了這里，關于less學習語法的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
