less基礎教程

說明

less是css的公升級版。主要從程式設計角度來書寫css。其中包括眾所周知的變數，運算，命名空間等

案例

變數

@width:300px;

@bgcolor:red;
div

div

混合不帶引數

//@定義變數

@width:300px;
@bgcolor:red;
div//定義混合
.border-radius

div

.border-radius

//@定義變數

@width:300px;
@bgcolor:red;
div//定義混合
.border-radius(@radius)

div

巢狀無偽類巢狀

//@定義變數

@width:300px;
@bgcolor:red;
div    p
}

div

div h1
div p

//@定義變數

@width:300px;
@bgcolor:red;
div}

div

div:after

運算

//@定義變數

@width:300px;
@bgcolor:red;
div

div

//~用來轉譯

@width:~"(min-width:375px)";
@bgcolor:red;
div}

div

@media
(min-width
:375px)
}

//全域性變數

@width:300px;
@bgcolor:red;
div

div

less基礎教程

less基礎教程 寫原生css，會讓頁面結構越來越混亂，幾乎看不出層次結構。less推薦寫巢狀結構 需要通過進行預編譯，讓巢狀的css轉換成能讓瀏覽器能夠識別的樣式，而沒有誤差。引入less 其實還有其它預處理器，不過功能都差不多sass和stylus等 前站 文件欄就有官網 如果直接引入乙個les...

XSL基礎教程

xsl基礎教程 一 http www 128.ibm.com developerworks cn xml ccidnet xslfund index1.html xsl基礎教程 二 http www.ibm.com developerworks cn xml ccidnet xslfund inde...

ps基礎教程

ps基礎教程 軟體簡介 推薦版本 流行多用的版本cs2 cs5，推薦cs3和cs5，cs2版本較舊，不推薦使用。基礎教學目錄 第一課 photoshop工具欄的使用01 第二課 工具欄的使用02 第三課 photoshop圖層 第四課 色彩原理和圖層的混合模式 第五課 圖層的樣式 第六課 圖層蒙版和...