less基礎教程：
寫原生css，會讓頁面結構越來越混亂，幾乎看不出層次結構。（less推薦寫巢狀結構）
需要通過進行預編譯，讓巢狀的css轉換成能讓瀏覽器能夠識別的樣式，而沒有誤差。
引入less:（其實還有其它預處理器，不過功能都差不多sass和stylus等）
前站 文件欄就有官網：
如果直接引入乙個less**，需要引入乙個less預處理器：
通過引入less.js對less檔案進行預編譯（用less寫的css**巢狀結構）；
但是這個會耗費js效能，可以在編寫的時候進行預編譯，上線的話需要將less編寫的通過編譯成完整的css檔案，再引入css，不直接使用less就能不耗費線上資源
上述的過程可以通過node來跑，也就是說其實可以在伺服器端對less檔案進行預編譯。
編譯不影響上線的執行時間（開發人員在開發時自己編譯的）（提高開發效率，便於管理**塊）
less編譯工具：
less基礎：
less中的注釋：
//注釋不會被寫到使用者介面的css中
/**/注釋會被寫到編譯之後的css上；
less中的變數：
使用@來申明乙個變數@pink:pink；
1.作為普通屬性來使用直接@pink;
2.作為選擇器和屬性名：#@的形式
3.作為url：@
4.變數的延遲載入：less中的變數都是延遲載入的。（變數的值，是在載入完畢之後確定的，後面的值會覆蓋前面設定的值，它不是邊載入邊編譯，這就導致了變數不能動態的變化）
變數的作用：方便維護更改主色調等等，對於一些可變的量比較多的時候。
@變數名：原屬性;
使用變數做屬性則：
@:屬性值；
使用選擇器作為變數：
@變臉名:選擇器名：
使用變數：
@&:nth-child(2){}
得到的結果是
.混合名,繼承選擇器 .混合名,繼承選擇器:nthchild(1),繼承選擇器:nth-child(2)
&:nth-child(2){}
當需要給下面新增:hover等偽元素時，如果使用直接的繼承選擇器:extend(.混合名)它是不會繼承新加入的偽元素的，需要設定all。
.混合名
&:nth-child(2){}
得到的結果：
混合名,繼承選擇器 .混合名{
定義的統一屬性
混合名：hover,繼承選擇器 .混合名:hover{
定義的統一屬性
繼承選擇器:nthchild(1){
特有屬性
繼承選擇器:nth-child(2){
特有屬性
less避免編譯：
原生css計算方法cacl（）；如果在less中設定這個屬性方法，就需要設定避免less將瀏覽器的工作給完成了。
只需要給屬性加上~"cacl()"即可；這是瀏覽器去計算的。
less基礎教程
說明 less是css的公升級版。主要從程式設計角度來書寫css。其中包括眾所周知的變數，運算，命名空間等 案例 變數 width 300px bgcolor red divdiv 混合不帶引數 定義變數 width 300px bgcolor red div 定義混合 border radiusd...
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圖層 第四課 色彩原理和圖層的混合模式 第五課 圖層的樣式 第六課 圖層蒙版和...