1.考慮到html在設計時的後續擴充套件問題，通常情況下需提前確定好body的基礎引數
舉例如下：
body,body *
2.確保字型在盒子裡垂直水平居中
width：20px;
height:20px;
text-align:center;//水平居中
line-height:20px;//垂直居中（注意高度設定必須與height相同）
3.父盒子設計成動態盒子後，所有子元素均變為塊級元素
4.在子盒子中使用絕對定位時，一定要確保父盒子要相對定位
5.文字省略
（1）文字單行省略三步驟
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
（2）文字多行省略設定
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:n;//此處n為任意整數，控制文字在幾行後省略
-webkit-box-orient:vertical;
6.子代選擇器、後代選擇器以及並集選擇器的使用
（1）子代選擇器
.grandfather>.fater
.father>.son
（2）後代選擇器
.grandfather son//空格是後代選擇器，控制一切使用了son選擇器的後代
（3）並集選擇器
.grandfather,.father,.son//包含的共性元素可以放在一起，中間以逗號隔開
7.定位的使用
（1）定位不推薦大面積使用，防止使用不慎破壞頁面布局
（2）在區域性小布局中需設定個別物件的位置時，可以採用定位處理
（3）四種定位方式的操作細節
1）static: 標準文件流 不發生偏移 不包含z軸
2）relative:標準文件流 產生偏移 包含z軸
參考自身原本位置
3）absolute:非標準文件流 產生偏移 包含z軸
參考其父輩定位元素否則參考body
4）fixed: 非標準文件流 產生偏移 包含z軸
只參考瀏覽器視窗，不參考其他任何元素
8.結構偽類
（1）前置偽類：selector：：before
（2）後置偽類：selector：：after
注：無論content是否有內容，before和after中必須包含content（「」）;
9.篩選選擇器
.myjd>a:nth-of-type(odd)//odd表示僅控制myjd下奇數字的a標籤
10.其他
（1）cursor:pointer;//將箭頭變為手型圖示
（2）transition:0.5s ease;//延遲顯示
（3）垂直漸變線
width:1px;
background:linear-gradient(to bottom,#fff,#eee,#fff);//確認漸變方向，以及漸變顏色
水平漸變線
height:1px;
background:linear-gradient(to right,#fff,#eee,#fff);
（4）透明
color:transparent//使用後文字顏色不可見
opacity:0~1;//背景顏色透明化，1為全透明
ExtJs Gridpanel實用技術
行選擇模式 js var rowcount grid.getselectionnode getselections var rowcount grid.getselectionnode getselections 可以獲取全部選中的記錄，得到的rowcount將是乙個array，比如想獲取 列的資料...
C 反射實用技術
反射提供了封裝程式集 模組和型別的物件 type 型別 可以使用反射動態建立型別的例項，將型別繫結到現有物件，或從現有物件獲取型別並呼叫其方法或訪問其字段和屬性。如果 中使用了屬性，可以利用反射對它們進行訪問。程式集包含模組，而模組包含型別，型別又包含成員。反射則提供了封裝程式集 模組和型別的物件。...
C 反射實用技術筆記
反射提供了封裝程式集 模組和型別的物件 type 型別 可以使用反射動態建立型別的例項，將型別繫結到現有物件，或從現有物件獲取型別並呼叫其方法或訪問其字段和屬性。如果 中使用了屬性，可以利用反射對它們進行訪問。程式集包含模組，而模組包含型別，型別又包含成員。反射則提供了封裝程式集 模組和型別的物件。...