1.1文字溢出省略號:

文字單行溢出:

多行文字溢出:

1.2css變量：

CSS變量又稱CSS自定義屬性，通過在css中自定義屬性--var與函數(shù)var()組成，var()用于引用自定義屬性。談到為何會在CSS中使用變量，以下使用一個示例講述。

1.3漸變：

漸變分為線性漸變、徑向漸變，這里筆者直接記錄的使用方式，也是為了使用的時候更加的直觀，這里說下，在使用線性漸變的時候，使用角度以及百分比去控制漸變，會更加的靈活

使用方式:

邊框漸變:

border有個border-image的屬性，類似background也有個background-image一樣,通過為其設(shè)置漸變顏色后，實現(xiàn)的漸變，后面的數(shù)字4為x方向偏移量

使用方式:

1.4 background-size：cover和contain以及100%

contain:圖片放大至滿足背景區(qū)域的最小邊即止，當(dāng)背景區(qū)域與背景圖片的寬高比不一致的情況下，背景區(qū)域可能會長邊下有空白覆蓋不全。cover:圖片放大至能滿足最大變時為止，當(dāng)背景區(qū)域與背景圖片的寬高比不一致時，背景圖片會在短邊下有裁切，顯示不全。

百分比:可以設(shè)置兩個值

• 第一個設(shè)置寬度，第二個設(shè)置高度

• 如果只設(shè)置了一個值，那么第二個值默認(rèn)會被設(shè)置為auto

示例:

結(jié)果依次為下圖展示:

contain：

cover:

百分比（這里是100%）：

1.5 css偽類三角形:

首先來看下示例

如果想要一個下的三角形，可以讓border的上邊框可見，其他邊框顏色都設(shè)置為透明

1.6 媒體查詢

頁面頭部必須有meta關(guān)于viewport的聲明

通常在做響應(yīng)式布局的時候，以及大屏的時候很常用的，從而實現(xiàn)在不通分辨率下，實現(xiàn)不同的展示效果

1.7 elementui樣式修改的幾種方式:

筆者目前技術(shù)棧是vue，在修改elementui的樣式真的是苦不堪言，style使用css的預(yù)處理器(less,?sass,?scss)的寫法如下

在一個有時候會遇到修改elementui中table的全部樣式，下面就來一一對應(yīng)的去修改下的：

① 修改表格頭部背景:

② 修改表格行背景:

③ 修改斑馬線表格的背景：

④ 修改行內(nèi)線的顏色：

⑤ 修改表格最底部邊框顏色和高度：

⑥ 修改表頭字體顏色：

⑦ 修改表格內(nèi)容字體顏色和字體大?。?/p>

⑧ 修改表格無數(shù)據(jù)的時候背景，字體顏色

⑨ 修改表格鼠標(biāo)懸浮hover背景色

更多干貨知以及編程學(xué)習(xí)資源可以私信或者留言。