-
Less官網(wǎng)網(wǎng)址查看全部
-
清除定義，IE要清除img的border查看全部
-
導(dǎo)入 CSS文件與 Less文件的方式查看全部
-
編譯工具查看全部
-
避免編譯：語法：~'',適用場景：不需要Less幫你完成編譯的，如calc()，濾鏡 !important關(guān)鍵字：為所有混合所帶來的樣式追加 !important查看全部
-
@arguments變量：終究還是變量，顧名思義，代表多個參數(shù)，適用場景，同一個CSS樣式屬性對應(yīng)多個屬性值，例如border:1px solid pink;如果屬性值以參數(shù)方式傳遞，就可以使用@arguments代替對應(yīng)參數(shù)。如何引用？和以往一樣，傳參時要對應(yīng)傳參，中間可以用","或者";"隔開，如果少傳，則按順序匹配。查看全部
-
Less嵌套：CSS中選擇器的另一種變形，通過CSS選擇器的相互嵌套完成到CSS層次選擇器的轉(zhuǎn)換。其中 & 代表它的上一層選擇器，適用場景，偽類。 代碼示例： a { float: left; //& 代表它的上一層選擇器 &:hover { color: red; } }查看全部
-
運算：支持 +、-、*、/ 不知道大家做沒做測試，我在做測試中發(fā)現(xiàn)了一個問題，就是當(dāng)直接與變量做減法時，錯誤還原（@border-width-5）,當(dāng)我此時在寫這個的時候，我已經(jīng)發(fā)現(xiàn)錯誤的原因了，我在變量名中用了一個中劃線，那與減法是一樣的...其實是沒有任何問題的！ 解決中劃線與減法的沖突：可以為變量加一個括號（(@border-width)-5）；也可以加空格（@border-width - 5），加空格要在減號左右都加，否則不會進(jìn)行運算！查看全部
-
匹配模式：感覺說成可選模式或選擇模式更順口，它一直闡述一件事情，那就是“指定不同的參數(shù)字符，匹配不同的CSS樣式”，當(dāng)然那都是你自己定義的。類似于if else 語句，借用示例： .triangle(top,@width:100px,@color:#ccc){//自定義CSS}； .triangle(right,@width:100px,@color:#ccc){}； .triangle(bottom,@width:100px,@color:#ccc){}； .triangle(left,@width:100px,@color:#ccc){}；會發(fā)現(xiàn)我們只需改變參數(shù)字符top/right/bottom/left就可以匹配到對應(yīng)的CSS。 最后還有一點，為這種.triangle匹配附加共同的CSS樣式，語法 .triangle(@_,@width:100px,@color:#ccc){//自定義CSS}; 其中參數(shù)固定，參考上面對應(yīng)的匹配選項查看全部
-
less語法1：<br> 1、注釋：①/**/可編譯 ②、//不可編譯<br> 2、變量：聲明方式 @border_width:2px; 引用方式 border:solid #000 @border_width<br> 3、混合：<br> ①不帶參數(shù)，聲明方式 .border_radius{};引用方式 .border_radius<br> ②帶參數(shù)，<br> 第一種情況無默認(rèn)值： <br> 聲明方式 .border_raidus(@radius){};引用方式 .border_radius(5px) 必須傳參<br> 第二種方式有默認(rèn)值：<br> 聲明方式 .border_radius(@radius:5px){}; 引用方式 .border_radius() 必須帶括號或者傳一個參數(shù) .border_radius(10px);查看全部
-
今天發(fā)現(xiàn)了一個特別好的visual studio 插件web essentials 適用于在vs環(huán)境下做前端開發(fā)的小伙伴們，If you ever write CSS, HTML, JavaScript, TypeScript, CoffeeScript or LESS,SCSS then you will find many useful features that make your life as a developer easier.詳細(xì)介紹請看官網(wǎng)：http://www.vswebessentials.com/查看全部
-
.triangle{ width:0; height:0; overflow:hidden; border-width:10px; border-color:transparent transparent transparent red; border-style:dashed solid dashed dashed; }查看全部
-
kk查看全部
-
LESS之于CSS，相當(dāng)于jQuery之于JavaScript！查看全部
-
less匹配模式相當(dāng)于js中的if（不完全是） 滿足條件后才能匹配查看全部
舉報
0/150
提交
取消